25
2019
10

用javascript创建指定数目的文本框

JS部分:




<script type="text/javascript">
function CreateInput(){
 document.getElementById('addinput').innerHTML = "";
 num = document.getElementById('select').value;
 for(i=0;i<num;i++){
  inform = document.getElementById('addinput');
  newinput = document.createElement('input');
  newinput.type = "text";
  newinput.name = "text" + i;
  newinput.id = "text" + i;
  inform.appendChild(newinput);
  addBr = document.createElement('<br />');
  inform.appendChild(addBr);
 }
}
</script>

HTML部分:


<form id="form1" name="form1" method="post" action="">
  <select name="select" id="select" onchange="CreateInput()">
    <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>
  <br />
<span id="addinput"></span>
</form>
« 上一篇下一篇 »

相关文章:

防止网页被别人的iframe嵌套  (2019-11-26 1:44:1)

JS获取UserAgent判断设备类型  (2019-10-24 23:46:3)

JS连续滚动效果 代码  (2012-7-11 10:18:18)

最新省市县JS三级联动  (2012-4-22 9:37:6)

有关 JavaScript 的 10 件让人费解的事情  (2010-2-17 1:41:24)

14条最佳JS代码编写技巧  (2009-11-12 18:52:10)

JavaScript Tween算法及缓动效果  (2009-10-3 4:52:50)

感受JavaScript的魅力--网页版超级玛丽  (2009-10-1 16:30:45)

JS获取地址栏任意部分  (2009-9-30 7:27:39)

js内置函数  (2009-5-2 10:2:37)

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。