<!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">
$(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();
}
});
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
