需要與我在html上輸入的元素形成一個數組

Question

我遇到了我的代碼問題。我試圖用來自html的元素形成一個數組。

我的HTML是這樣的：

<h2>Write the name of a friend </h2> 

<input id="friends" type="text"/> <input type="button" value="Add name" button onclick="enter()"/> 

和我的jQuery是：

myArray =[]; 
function enter() { 
var friend = $("#friends").val(); 
myArray.push(friend); 
}; 

感謝

Answer 1

是你的代碼工作。你只需要刪除多餘的button在button onclick="enter()"/>：「我怎樣才能看到陣列後，我輸入的名字」

<input type="button" value="Add name" onclick="enter()"/> 

這取決於您，您只需簡單地alert()即可看到陣列的當前值：alert(myArray);。或者您可以添加一個新元素並在onclick上顯示/輸出您的數組值。此外，爲什麼不切換到事件處理不顯眼的方式：

HTML：

<h2>Write the name of a friend </h2> 
<input id="friends" type="text" /> 
<input type="button" value="Add name"> 
<p id="output"></p> 

的jQuery：

myArray = []; 
$('input[type="button"]').click(function() { 
    var friend = $('#friends').val(); 
    myArray.push(friend); 

    $('#output').text('My Friends: '+ myArray)//output myArray's value 
    $('#friends').val('');//reset the input field 
}); 

這裏是fiddle。