JavaScript按钮更改html输入名称

Question

我创建了一个带有JScript的按钮，可以在另一个下面添加textareas（问题）onClick。 我在调整一个函数时会遇到麻烦，该函数将根据问题的数量（变量n）更改textareas的名称。

那么，对于问题1，我想要textarea name =“question1”......

还有其他解决方案吗？ 我的工作不正常:(

查看jsfiddle上的代码

<input type="submit" value="ADD" onClick="add();">
<div id="new"></div>

的script.js

n=1;
function add() {
if(1==1){
document.getElementById('new').innerHTML += '<div>' + n + '. Question: <br/><textarea name="question[n]" rows="4" cols="50"></textarea><br/></div>';
            n++;
            }}

Answer 1

你几乎拥有它。

n=1;
function add() {
    document.getElementById('new').innerHTML += '<div>' + n + '. Question: <br/><textarea name="question'+n+'" rows="4" cols="50"></textarea><br/></div>';
    n++;

}

更新小提琴： http ： //jsfiddle.net/5FJ4a/2/

通过拆分长串联字符串可以使您的大脑更快乐，更容易调试。

var n=1,
    container,
    start, middle, end, out;

function add() {
    container = document.getElementById('questions');

    start = '<div>' + n + '. Question: <br/>';
    middle = '<textarea name="question'+n+'" rows="4" cols="50">';
    end = '</textarea><br/></div>';
    out = start + middle + end;             

    container.innerHTML += out;

    n++;

}

替代小提琴： http ： //jsfiddle.net/5FJ4a/4/

Answer 2

document.getElementById('new').innerHTML += '<div>' + n + '. Question: <br/><textarea name="question'+n+'" rows="4" cols="50"></textarea><br/></div>';