我正在尝试对过去曾构建过的内部网站点进行现代化改造,目前该站点通过组策略强制进入IE5的兼容模式。有这个javascript在表单中创建x ammount文件输入框。这适用于兼容模式,直到IE9但不高。我真的不知道javascript我希望有人可以帮我现代化吗?
<SCRIPT LANGUAGE="JavaScript">
var i = 0, j = 0;
var t1 = new Array();
function createtext() {
var inputLoop = document.getElementById("Many");
var table1 = document.getElementById("field");
for (i = 0; i < inputLoop.value; i++)
{
t1[i] = document.createElement('input');
t1[i].type = 'file';
t1[i].name = 'Image' + i;
t1[i].value = "Hello";
t1[i].size = 20;
document.forms[0].appendChild(t1[i]);
}
}
</SCRIPT>
<input name="b1" type="button" onClick="createtext();" value="Add">
如果我在高于IE9的情况下运行它,则“添加”按钮不会执行任何操作
答案 0 :(得分:0)
该代码甚至可以在现代浏览器中使用。只需删除t1[i].value = "Hello";
,因为您无法以编程方式将值设置为输入字段。
var i = 0,
j = 0;
var t1 = [];
function createtext() {
var inputLoop = document.getElementById("Many");
var table1 = document.getElementById("field");
if (inputLoop.value) {
for (i = 0; i < inputLoop.value; i++) {
t1[i] = document.createElement('input');
t1[i].type = 'file';
t1[i].name = 'Image' + i;
t1[i].size = 20;
document.forms[0].appendChild(t1[i]);
}
}
}
&#13;
<input type="text" id="Many">
<input name="b1" type="button" onClick="createtext();" value="Add">
<form action=""></form>
&#13;