我正在尝试编写一个函数,您可以在其中插入用户想要在 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>
网页部分
<form>
<input type="text" name="answer" autofocus="autofocus" ONBLUR="if(this.value!=''){this.form.submit()};" placeholder="Modify answer"/>
<span id="fooBar"> </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
内。
如果有人可以提供帮助或有其他解决方案来实现我想要的,那就太好了 干杯