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

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

我的任何尝试都不会用我的新选项更新选择标签。我错过了什么？

Answer 1

试试这个：

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