这段代码是通过jquery动态增加限定数额的text（本例为5个） ，以及清除文本内容，用到了after()方法追加元素。

复制代码 代码如下:

<script> <BR>$(document).ready(function(){ <BR>var spotMax = 5;//&#38480;&#23450;&#28155;&#21152;text&#20803;&#32032;&#30340;&#24635;&#20010;&#25968; <BR>var afterId = 0;//&#35201;&#36861;&#21152;&#20803;&#32032;&#30340;id <BR>var newId=1;//&#26032;&#29983;&#25104;text&#30340;id <BR>if($('table#vote').size() >= spotMax) {} <BR>$("#btnAddOption").click(function(){ <BR>afterId++; <BR>newId=afterId+1; <BR>addSpot(this, spotMax,afterId,newId); <BR>}); <BR>}); <BR>//&#28155;&#21152;&#36873;&#39033;&#26041;&#27861; <BR>function addSpot(obj, sm,afterId,newId) { <BR>if($('tr.spot').size() < sm){ <BR>$('#vote_'+afterId).after( <BR>'<tr id="vote_'+newId+'" class="spot"><th>'+afterId+'' + <BR>'<td><input type="text" id="txtInput_'+afterId+'" class="input-text" value="" size="40" name="names" /> ' + <BR>''); <BR>$(":text[id^='txtInput_']").val("&#36755;&#20837;&#25991;&#26412;...");//&#32473;&#26032;&#22686;&#30340;&#25991;&#26412;&#36171;&#20104;&#21021;&#22987;&#20540; <BR>} <BR>else{ <BR>alert("&#26368;&#22810;&#21482;&#33021;&#28155;&#21152;5&#39033;&#25237;&#31080;&#65281;"); <BR>} <BR>}; <BR>//&#37325;&#32622;&#36873;&#39033; <BR>$("input#btnResetOption").click(function(){ <BR>$(":text[id^='txtInput_']").val("");//&#28165;&#31354;&#25991;&#26412;&#20869;&#23481; <BR>}); <BR></script>

复制代码 代码如下:

投票名称
投票描述
开始时间
结束时间
是否多选	单选 多选
投票选项

以下是运行效果：