通过JavaScript动态创建输入元素

Dynamic create input element through JavaScript

本文关键字:输入 元素 创建 动态 JavaScript 通过      更新时间:2023-09-26

我已经编写了动态创建文本字段的代码。它应该根据我在表单的文本字段中填写的数字创建元素,但它只创建了一个字段。如果在表单中放入5,它应该创建5个文本字段。问题是什么?这是代码:

<SCRIPT LANGUAGE="JavaScript">
<!--Hide from old browsers
function createtext(){
var i=0;
var len1=document.getElementById('s');
var len2=len1.value;
for(i;i<len2;i++)
{
var el= new Array();;
el[i]=document.createElement('input');
el[i].type='text';
el[i].name='text'+i;
el[i].size = 10;
document.f1.appendChild(el[i]);
var mybr=document.createElement('<br>');
document.appendChild(mybr);
}
}
</SCRIPT>
</HEAD>
<BODY >
<form action="" method="get" name="f1">
<input type="text" id="s" name="s" value="" onChange="createtext()" >
</form>
var mybr=document.createElement('<br>');    
document.appendChild(mybr);

应该是

var mybr=document.createElement('br');    
document.f1.appendChild(mybr);