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

私の試みはどれも、選択タグを新しいオプションで更新しません。私は何が欠けていますか？

Answer 1

これを試して：

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