Question

我正在尝试编写一个函数，您可以在JavaScript中插入尽可能多的新输入字段。这是我的代码：

<SCRIPT language="javascript"> 
     function add() {       
        var element = document.createElement("input");      
        element.setAttribute("type", 'text');     
        element.setAttribute("value", 'text');     
        element.setAttribute("name", 'text');        
        var foo = document.getElementById("fooBar");      
        foo.appendChild(element);   
    } 
</SCRIPT>

Html Part

<form>
  <input type="text" name="answer" autofocus="autofocus" ONBLUR="if(this.value!=''){this.form.submit()};" placeholder="Modify answer"/>
  <span id="fooBar">&nbsp;</span>   
  <input type="button" value="Add" onclick="add()"/>   
</form>

这很好用，但如果我把它放在这个html结构中就不行了：

 <table>
     <tr><td><form> <!--my html part -include the second form--> </form></td></tr>
 </table>

我真的不知道为什么，因为我不是js的专家..这是因为我在td标签中，或者因为一个form在另一个内。

如果有人可以提供帮助或有其他解决方案来实现我想要的东西，那将非常棒干杯

在表格的单元格中动态添加输入js

0 个答案: