让这个javascript在现代浏览器上工作

时间:2016-05-11 08:54:44

标签: javascript

我正在尝试对过去曾构建过的内部网站点进行现代化改造,目前该站点通过组策略强制进入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的情况下运行它,则“添加”按钮不会执行任何操作

1 个答案:

答案 0 :(得分:0)

该代码甚至可以在现代浏览器中使用。只需删除t1[i].value = "Hello";,因为您无法以编程方式将值设置为输入字段。

&#13;
&#13;
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;
&#13;
&#13;