//Jquery
$(document).ready(function () { $("#btnAddPax").click(function () {
var $tb = $("#tbPassenger");
var rowCount = $("#tbPassenger tr").length;
var i = parseInt(rowCount) - 1;
var strAdd = '<tr>';
strAdd += '<td> <input type="text" id="txtName' + i + '" name="Name" class="txtInput txt required" /></td>';
strAdd += '<td> <input type="text" id="txtCardNo' + i + '" name="CardNo" class="txtInput " /></td>';
strAdd += '<td> <input type="text" id="txtBirthDay' + i + '" name="BirthDay" onfocus="WdatePicker({dateFmt:\'yyyy-MM-dd\'})" class="txtInput Wdate txt " /></td>';
strAdd += '<td> <input type="text" id="txtCountry' + i + '" name="Country" class="txtInput txt " /></td>';
strAdd += '<td> <input type="text" id="txtMobilePhone' + i + '" name="MobilePhone" class="txtInput" /></td>';
strAdd += '<td> <input type="text" id="txtCarrierCard' + i + '" name="CarrierCard" class="txtInput" /></td>';
strAdd += '<td><img alt="删除" src="../images/icon_del.gif" class="operator" onclick="deleteRow(this)" /></td>';
strAdd += '</tr>';
$tb.append(strAdd);
});
function deleteRow(obj) {
//删除当前行
var rowCount = parseInt($(obj).parent().parent().parent().find("tr").length);
if (rowCount > 2) {
$(obj).parent().parent().remove();
}
}
</script>
//Html
<tr>
<th>旅客信息:</th>
<td>
<button id="btnAddPax" type="button" class="btnSelect"><span class="add">添 加</span></button></td>
</tr>
<tr>
<th></th>
<td>
<table id="tbPassenger" class="tbContent" cellspacing="0" cellpadding="0">
<tr>
<th>旅客姓名</th>
<th>证件号</th>
<th>出生日期</th>
<th>代码</th>
<th>手机号码</th>
<th style="width: 150px">卡号</th>
<th style="width: 30px">操作</th>
</tr>
<tr>
<td>
<input type="text" id="txtName" name="Name" class="txtInput txt required" /></td>
<td>
<input type="text" id="txtCardNo" name="CardNo" class="txtInput txt " /></td>
<td>
<input type="text" id="txtBirthDay" name="BirthDay" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="txtInput Wdate txt required" /></td>
<td>
<input type="text" id="txtCountry" name="Country" class="txtInput txt " /></td>
<td>
<input type="text" id="txtMobilePhone" name="MobilePhone" class="txtInput txt " /></td>
<td>
<input type="text" id="txtCarrierCard" name="CarrierCard" class="txtInput txt " /></td>
<td>
<img alt="删除" src="../images/icon_del.gif" class="operator" onclick="deleteRow(this)" /></td>
</tr>
</table>
</td>
</tr>