案例需求:根据select的option所选值,确定div的生成个数
jquery代码:
function choosePersonNum(num)
{
$(".temp").remove();
for(var i=1;i<num;i++)
{
var div = $("#templete");
var newDiv = div.clone(true);
newDiv.addClass("temp");
newDiv.insertAfter(div);
newDiv.show();
}
}
html代码
<div class="subnav_load_table_c" id="templete">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="subnav_load_table_span">人员姓名:</span>
<input type="text" name="textfield2" class="subnav_load_table03" />
<span class="subnav_load_table_sgin">*</span></td>
<td><span class="subnav_load_table_span">手 机:</span>
<input type="text" name="textfield2" class="subnav_load_table04" />
<span class="subnav_load_table_sgin">*</span></td>
<td><span class="subnav_load_table_span">办公电话:</span>
<input type="text" name="textfield2" class="subnav_load_table04" />
<span class="subnav_load_table_sgin">*</span></td>
</tr>
<tr>
<td><span class="subnav_load_table_span">职务分类:</span>
<select name="select">
<option>总经理助理</option>
</select>
<span class="subnav_load_table_span">职务名称:</span> <input type="text" name="textfield2" class="subnav_load_table04" />
<span class="subnav_load_table_sgin">*</span></td>
<td><span class="subnav_load_table_span">传 真:</span>
<input type="text" name="textfield2" class="subnav_load_table04" />
<span class="subnav_load_table_sgin">*</span></td>
<td><span class="subnav_load_table_span">电子邮箱:</span>
<input type="text" name="textfield2" class="subnav_load_table04" />
<span class="subnav_load_table_sgin">*</span></td>
</tr>
</table>
</div>
建立templete模板,然后每次点击select的时候,都要清除一下上次生成的div,这样就不会叠加了