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

Question

我有一个如下所示的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);
}

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

Answer 1

试试这个：

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