JavaScript按鈕更改html輸入名稱

Question

我使用JScript創建了一個按鈕，將textareas（問題）添加到另一個onClick下方。我在調整一個函數時遇到了麻煩，該函數將根據問題的數量（變量n）改變textareas的名稱。

因此，對於問題1，我想有textarea的名字= 「問題1」 ...

是否有任何其他的解決辦法？煤礦不能正常工作:(

View code on 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>';