请大家帮小弟我写一个js动态输入框
日期：2014-05-16 浏览次数：20442 次
请大家帮我写一个js动态输入框
页面中有三个元素：
<input type= "text " name= "name ">
<input type= "text " name= "lenght ">
<input type= "text " name= "info ">
用户点击按钮后，
比如，上面输入name是abc length是3 info是test
页面出现三个input框，分别如下：
<input type= "text " name= "name[0].name ">
<input type= "text " name= "name[0].info ">
<input type= "text " name= "name[1].name ">
<input type= "text " name= "name[1].info ">
<input type= "text " name= "name[2].name ">
<input type= "text " name= "name[2].info ">
当用户再把length改成2后，点击按钮，页面变成
<input type= "text " name= "name[0].name ">
<input type= "text " name= "name[0].info ">
<input type= "text " name= "name[1].name ">
<input type= "text " name= "name[1].info ">
<input type= "text " name= "name[2].name ">
<input type= "text " name= "name[2].info ">
<input type= "text " name= "name[3].name ">
<input type= "text " name= "name[3].info ">
<input type= "text " name= "name[4].name ">
<input type= "text " name= "name[4].info ">
谢谢。
------解决方案--------------------
出现的input和输入内容啥关系?没看出来.
<pre>
页面出现三个input框，分别如下：
<input type= "text " name= "name[0].name ">
<input type= "text " name= "name[0].info ">
<input type= "text " name= "name[1].name ">
<input type= "text " name= "name[1].info ">
<input type= "text " name= "name[2].name ">
<input type= "text " name= "name[2].info ">
</pre>
这不是6个吗?
------解决方案--------------------
<script language= "javascript ">
function $(obj)
{
return document.getElementById(obj);
}
function $$(obj)
{
return document.getElementById(obj).value;
}
function addItem(sName,sInfo,obj)
{
$(obj).innerHTML = $(obj).innerHTML+ ' <input type= "text " name= " '+sName+ ' "> <br/> <input type= "text " name= " '+sInfo+ ' "> <br/> ';
}
function add()
{
var iLength = parseInt($$( 'txtLength '));
var sName = $$( 'txtName ');
var sInfo = $$( 'txtInfo ');
for(var i = 1;i <=iLength;i++)
{
addItem(sName+i,sInfo+i, 'myDiv ');
}
}
</script>
<body>
<input name= "name " type= "text " id= "txtName " value= " " />
<input name= "info " type= "text " id= "txtInfo " value= " " />
<input name= "length " type= &qu
页面中有三个元素：
<input type= "text " name= "name ">
<input type= "text " name= "lenght ">
<input type= "text " name= "info ">
用户点击按钮后，
比如，上面输入name是abc length是3 info是test
页面出现三个input框，分别如下：
<input type= "text " name= "name[0].name ">
<input type= "text " name= "name[0].info ">
<input type= "text " name= "name[1].name ">
<input type= "text " name= "name[1].info ">
<input type= "text " name= "name[2].name ">
<input type= "text " name= "name[2].info ">
当用户再把length改成2后，点击按钮，页面变成
<input type= "text " name= "name[0].name ">
<input type= "text " name= "name[0].info ">
<input type= "text " name= "name[1].name ">
<input type= "text " name= "name[1].info ">
<input type= "text " name= "name[2].name ">
<input type= "text " name= "name[2].info ">
<input type= "text " name= "name[3].name ">
<input type= "text " name= "name[3].info ">
<input type= "text " name= "name[4].name ">
<input type= "text " name= "name[4].info ">
谢谢。
------解决方案--------------------
出现的input和输入内容啥关系?没看出来.
<pre>
页面出现三个input框，分别如下：
<input type= "text " name= "name[0].name ">
<input type= "text " name= "name[0].info ">
<input type= "text " name= "name[1].name ">
<input type= "text " name= "name[1].info ">
<input type= "text " name= "name[2].name ">
<input type= "text " name= "name[2].info ">
</pre>
这不是6个吗?
------解决方案--------------------
<script language= "javascript ">
function $(obj)
{
return document.getElementById(obj);
}
function $$(obj)
{
return document.getElementById(obj).value;
}
function addItem(sName,sInfo,obj)
{
$(obj).innerHTML = $(obj).innerHTML+ ' <input type= "text " name= " '+sName+ ' "> <br/> <input type= "text " name= " '+sInfo+ ' "> <br/> ';
}
function add()
{
var iLength = parseInt($$( 'txtLength '));
var sName = $$( 'txtName ');
var sInfo = $$( 'txtInfo ');
for(var i = 1;i <=iLength;i++)
{
addItem(sName+i,sInfo+i, 'myDiv ');
}
}
</script>
<body>
<input name= "name " type= "text " id= "txtName " value= " " />
<input name= "info " type= "text " id= "txtInfo " value= " " />
<input name= "length " type= &qu
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
