jquery动态添加元素

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>jquery动态添加元素</title>
<script type="text/网页特效" src="../../jslib/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
//jquery动态添加元素--简单样例
$(function() {
  $("#xselectop").change(function() {
   var $xaddelement = $("#xaddelement");
   var xtext = "<input type='text' name='xtest' value='xtext'/>";
   var xselect = "<select name='xtest'><option value='1'>-----</option><option value='1'>文本框</option><option value='2'>下拉框</option></select>";

   var opval = this.value;
   if("1" == opval) {
       $xaddelement.empty();
    $xaddelement.append(xtext);
   } else if("2" == opval) {
    $xaddelement.empty();
    $xaddelement.append(xselect);
   }
  });
});
</script>
</head>
<body>
<select id="xselectop">
  <option value="1">-----</option>
  <option value="1">文本框</option>
  <option value="2">下拉框</option>
</select>
<div id="xaddelement"></div>
</body>
</html>

详细说明

两种方式获取：
1.当你点击添加按钮的时候。直接从后面取出表格和数据。下面付ajax方法。
2.把你的数据保存在隐藏表单中，点击添加按钮的时候在从隐藏表单中把数据取出来添加到表格中。
$.ajax({
type: "get",
                  cache:false,//设置缓存为false
url: url//须要处理的后台页面
beforesend: function(xmlhttprequest){
      //
                      //showloading();
},
//显示成功后你要做什动作，data是你重后台提交的数据textstatus是状态，这两个

值可以重命名比如(a,b)
success: function(data, textstatus){
     $(".tb").html(date)
   });
},
//完成后你要干什，和成功后的区别是：不管成不成功都会到这个阶段。
complete: function(xmlhttprequest, textstatus){
   //hideloading();
}
});

补充：网页制作,jquery