通过JavaScript动态创建输入元素
Dynamic create input element through JavaScript
我已经编写了动态创建文本字段的代码。它应该根据我在表单的文本字段中填写的数字创建元素,但它只创建了一个字段。如果在表单中放入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);
相关文章:
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 访问代码生成的输入元素上的keyup事件
- 使用 jQuery,当我在输入框外部单击时,如何更改输入元素的值
- 使用jQuery切换来显示内容,但防止在用户单击输入元素时关闭
- 如何使用角度事件处理程序引用输入元素的值
- 获取javascript中输入元素的索引
- 为什么Bootstrap typeahead不适用于具有相同ID的输入元素
- 如何使用javascript在输入元素中显示特殊字符
- 动态添加的输入元素不会在脚本中返回值
- 使用 jQuery 禁用除表单中的某些输入元素之外的所有输入元素
- 将焦点设置为输入元素角度 js
- 如何仅在输入元素具有焦点时才启动 setInterval
- 即使使用 parseInt,我也无法从输入元素中获取数值
- 通过应用自定义 css 类禁用 html 输入元素
- 聚合物 - 访问自定义元素内的 DOM 输入元素
- HTML-输入元素中不可删除的占位符
- 使用jquery将属性附加到输入元素
- 如果所有其他元素都填写在AngularJS中,如何动态添加新的输入元素
- 什么是输入元素上的innerHTML
- 输入元素模式属性的Javascript正则表达式在reFiddle上有效,但在页面上无效