javascript - 在我的案例中如何更新 <select> 选项？

Question

我有一个选择字段和一个按钮:

<select id="mylist"></select>
<input type="button" id="btn" value="update">

我的js代码:

var btn=$('#btn');
btn.click(function(){
   var optionList = GET_LIST();// GET_LIST() returns a array of strings which is the option texts.

   //How to use optionList to update the options in <select> ?
});

如何使用 select 标签中的 optionList 更新我的选项列表？

Answer 1

编辑:基于@amsutil alternate using html 的注释:

var btn=$('#btn');
btn.click(function(){
     var optionList = GET_LIST();
     var select  = $("#mylist");
     select.html("");
     var optionsHTML = "";
     $.each(optionList, function(a, b){
        optionsHTML += "<option>" + b + "</option>";
     });
     select.html(optionsHTML);
});

试试这个:

var btn=$('#btn');
btn.click(function(){
     var optionList = GET_LIST();
     var select  = $("#mylist");
      select.empty();
     $.each(optionList, function(a, b){
        select.append("<option>" + b + "</option>");
     });
});