首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jqeury 动态创设div

2012-10-26 
jqeury 动态创建div案例需求:根据select的option所选值,确定div的生成个数?jquery代码:function choosePer

jqeury 动态创建div

案例需求:根据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 id="templete">
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????????????????? <tr>
????????????????????? <td><span name="textfield2" />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span class="subnav_load_table_sgin">*</span></td>
??????????????????? </tr>
????????????????? </table>
????</div>

?

建立templete模板,然后每次点击select的时候,都要清除一下上次生成的div,这样就不会叠加了

热点排行