您的位置：首页 > 其它

动态创建table

2009-11-09 14:11 211 查看

第1位乘客姓名：

证件号：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>

<script src="js/JQuery.js" type="text/javascript"></script>
<script language=javascript>
//添加表格行
function insert_tr()
{

var t=$("#ta tr").length + 1;

var tr1=$("<tr/>");
tr1.attr("id","tr"+t);
var td1=$("<td/>");
var td2=$("<td/>");
var td3=$("<td/>");
var td4=$("<td/>");
var td5=$("<td/>");
var i1=$("<input type='text'/>");
var i2=$("<input type='text'/>");
var i3=$("<input type='button' value='+'/>");
var i4=$("<input type='button' value='-'/>");
var i5=$("<input/>");
i1.attr({"name":"name"});
i2.attr({"name":"IDcardNO"});
i3.attr({"name":"addTr"});
i4.attr({"name":"decreaseTr"});

i1.attr({"class":"noboderline"});
i2.attr({"class":"noboderline"});
///i3.attr({"class":"noboderline"});
//i4.attr({"class":"noboderline"});
//i5.attr({"class":"noboderline"});
i1.attr({"id":"name"+t});
i2.attr({"id":"IDcardNO"+t});
//i3.attr({"id":"tvldebit"+t});
//i4.attr({"id":"tvllender"+t});
i5.attr({"id":"lsid"+t});

td1.append("第"+t+"位乘客姓名：");
td2.append(i1);
td3.append("证件号码：");
td4.append(i2);
td5.append(i3);
td5.append(" ");
td5.append(i4);

tr1.append(td1);
tr1.append(td2);
tr1.append(td3);
tr1.append(td4);
tr1.append(td5);
$("#ta").append(tr1);

//i3.keyup(function(){Countmoney("tvldebit")});
//i4.keyup(function(){Countmoney("tvllender")});

// i3.keyup(function(){Countmoney(i3.attr("id"))});
// i4.keyup(function(){Countmoney(i4.attr("id"))});
// i2.focus(function(){
// showListsubjectWindow(i5.attr("id"),i2.attr("id"));
// });
i3.click(function(){
insert_tr();

});
i4.click(function(){
delete_tr();
});

}
//删除表格行
function delete_tr()
{

var t=$("#ta tr").length;
jQuery("#tr"+t+"").remove();
}
$(document).ready(function(){
alert("我是中国人");
});
</script>
</head>

<body>
<form id="form1" runat="server">
<div style="text-align:center">
<table style="width:60%; text-align:center" border=1 id="ta" >
<tr id="tr1">
<td>第1位乘客姓名：</td>
<td><input id="tdname" type="text" name="name" runat="server" /></td>
<td>证件号：</td>
<td><input id="tdIDcardNO" type="text" name="IDcardNO" runat="server" /></td>
<td><input type="button" name="addTr" value="+" onclick="insert_tr();"/> <input type="button" name="decreaseTr" value="-" onclick="delete_tr();"/></td>
</tr>
</tabl>

</div>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航