如何使用jquery更新select元素的选项列表？

Question

我有一个看起来像这样的选择元素:

<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);
}

我的所有尝试都不会使用我的新选项更新select标记.我错过了什么？

Answer 1

试试这个:

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