Question

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

所以，对于问题1，我想要 textarea name =＆＃34; question1＆＃34; ...

还有其他解决方案吗？我没有工作:(

<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>';

JavaScript按钮更改html输入名称

2 个答案: