如何添加選項以從數組中選擇框？

Question

我被這個問題困住了。我想要做的是使用jquery javascript在選擇框中創建選項值。

例如，如果我有一個像你最喜歡的水果什麼的問題？因此用戶應該能夠從默認選擇框中選擇一個答案，例如「蘋果，橙，梨，香蕉」。然後他們可以點擊一下「添加更多水果」，第二個選擇框將出現與選擇相同的數組。

基本上參照the previous stack overflow question from another member，我只能將信息填寫到這裏。但在運行時，除了默認的「選擇水果」選項外，我無法從數組中打印選項值。

$(function() { 
// set the array 
var fruit = new Array("Apple", "Orange", "Pear", "Banana"); 

function addFruit() { 
    $.each(fruit, function(key, value) { 
     $('#fruit') 
     .append($('<option>', { value : key }) 
     .text(value)); 
    }); 
} 

var i = $("li").size() + 1; 
$("a#addmore").click(function() { 
    $("#addmore_row").append('<li>' + 
    '<select name="fruit[]" id="fruit">' + 
    '<option value="">Select Fruit:</option>' + 
    addFruit()     
    + '</select>' + 
    '</li>'); 
    return false; 
}); 

}); 

任何人都可以請幫我這個？非常感謝你。

Answer 1

addFruit在構建代表select的字符串時被調用。由於它仍在構造要附加的字符串，所以select實際上並不存在，但addFruit仍在調用中。簡而言之，將addFruit從字符串連接中移出，並添加select。

換句話說，這樣的：

$("#addmore_row").append('<li>' + 
'<select name="fruit[]" id="fruit">' + 
'<option value="">Select Fruit:</option>' + 
'</select>' + 
'</li>'); 
addFruit(); 
return false;