如何使用jquery更新select元素的選項列表？

我有一個看起來像這樣的選擇元素：如何使用jquery更新select元素的選項列表？

<select id="productId"> 

</select>

我現在的jQuery是下面：

... 
if (data.success) { 
    var items = []; 
    $.each(data.products, function(key, val) { 
     items.push('<options id="' + val + '">' + key + '</option>'); 
    }); 
    var options = items.join(''); 
    $("#productId").html(options); 
    //$("#productId").val(options); 
    //$("#productId").append(options); 
}

我的企圖都不會更新與我的新選項中選擇標籤。我錯過了什麼？

來源

2012-07-17 user1216398

您正在使用''''''而不是'''

console.log（options）將它傳遞給$（'＃productId「）。html（）之前，確保它是你期望的內容，並且還需要console.log（$（'＃productId」）.length）來確保您正在查找#productId元素（此代碼不在document.ready（）中？）。 – robmisio 2012-07-17 18:54:13

@ alessandro1997哇......就是這樣！我沒有看到我的控制檯中有任何錯誤，我一直在爲此奮鬥了近一個小時。非常感謝！不能相信我沒有看到:) – user1216398 2012-07-17 18:55:19

試試這個：

if (data.success) { 
    $.each(data.products, function(key, val) { 
     $('#productId').append('<option id="' + val + '">' + key + '</option>'); 
    }); 
}

來源

2012-07-17 18:51:20 undefined

如何使用jquery更新select元素的選項列表？

回答

相關問題