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

请大家帮小弟我写一个js动态输入框

2012-02-05 
请大家帮我写一个js动态输入框页面中有三个元素:inputtype text name name inputtype text na

请大家帮我写一个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= "text " id= "txtLength " value= " "/>


<input name= "textarea4 " value= "Submit " type= "button " onclick= "add(); "/>
<div id= "myDiv "> </div>
</body>
[解决办法]
我写过差不多的功能,下拉选项选中某个数字,就生成几个文本框
对于楼主的问题,在得到填入的数字后,将这个数字做为循环的变量来生成相应的表单元素就行了,并不难。
[解决办法]
主要用么的是innerHTML就OK了....
很简单...获得上面三个文本框里的值放入函数中...

热点排行