基于Jqurey的下拉框改变动态添加和删除表格实现代码

2020-05-23 06:26:57易采站长站整理

children.remove();
for(var i = 1;i<=selValue;i++){
$(“#child”).append(addStr);
}
}
</script>
</head>
<body>
<div id=”dFlightContent1″ class=”ct”>
<table cellpadding=”0px” cellspacing=”0px” border=”0px” class=”w_uinfo” id=”adult”>
<tr height=”40px”>
<td colspan=”4″><img src=”06.png” alt=”” /><b class=”w_tt”>成人</b>
<select name=”SelectAdult” id=”SelectAdult” onchange=”addAdult()”>
<option value=”1″>1人</option>
<option value=”2″>2人</option>
<option value=”3″>3人</option>
<option value=”4″>4人</option>
<option value=”5″>5人</option>
</select></td>
</tr>
<tr class=”tabtr”>
<td><table>
<tr height=”30px”>
<td class=”w_tit”>乘客姓名:</td>
<td colspan=”2″><input type=”text” name=”userName” /></td>
</tr>
<tr height=”30px”>
<td class=”w_tit”>证件号:</td>
<td><input type=”text” name=”papersNum” /></td>
<td class=”w_tit”>证件类型:</td>
<td><select name=”paper” id=”paper”>
<option value=”1″>身份证</option>
<option value=”2″>护照</option>
<option value=”3″>军官证</option>
<option value=”4″>其它</option>
</select></td>
</tr>
</table></td>
</tr>
</table>
<table cellpadding=”0px” cellspacing=”0px” border=”0px” class=”w_uinfo” id=”child”>
<tr height=”40px”>
<td colspan=”4″><img src=”06.png” alt=”” /><b class=”w_tt”>儿童</b>
<select name=”SelectChildren” id=”SelectChildren” onchange=”addChildren()”>
<option value=”0″>0人</option>
<option value=”1″>1人</option>
<option value=”2″>2人</option>
</select></td>
</tr>
</table>
<table cellpadding=”0px” cellspacing=”0px” border=”0px” class=”w_uinfo”>
<tr height=”40px”>
<td class=”w_tit”>联系人姓名:</td>
<td><input type=”text” name=”userName” /></td>