JavaScript onClick按钮将textarea添加到特定的div元素中

时间:2014-03-17 21:02:22

标签: javascript html dom

我显然缺少一些东西。我需要这个addmore按钮将textarea添加到特定问题的div中,而不仅仅是第一个。我可以让它变得复杂,但我希望有一个简单的解决方案。

Fiddle

的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++;
}

1 个答案:

答案 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++;
}