我显然缺少一些东西。我需要这个addmore按钮将textarea添加到特定问题的div中,而不仅仅是第一个。我可以让它变得复杂,但我希望有一个简单的解决方案。
的index.html
1.Question:<br/>
<textarea name="odg1" rows="1" cols="50" ></textarea><br/><div id="inner"></div><button type="button" name="addmore" onClick="addmore();">Add more</button>
<br/><br/>
2.Question:<br/>
<textarea name="odg2" rows="1" cols="50" ></textarea><br/><div id="inner"><button type="button" name="addmore" onClick="addmore();">Add more</button>
<br/><br/>
addmore.js
am = 1;
function addmore() {
var textarea = document.createElement("textarea");
textarea.name = "odg" + am;
textarea.rows = 1;
textarea.cols = 50;
var div = document.createElement("div");
div.innerHTML = textarea.outerHTML;
document.getElementById("inner").appendChild(div);
am++;
}
答案 0 :(得分:2)
此函数演示了如何使用jQuery生成更多元素:
var am = 1;
function addmore() {
var newText = $('<textarea />').attr('name','odg'+am).attr('rows',1).attr('cols',50);
var newBtn = $('<button />').attr('onclick','addmore()').html('add more');
$('body').append(newText);
$('body').append('<br />');
$('body').append(newBtn);
am++;
}