Jquery - 使用数组内容填充DropDown框

Question

这应该是非常简单但由于某种原因我无法在网上找到它的答案..我有一个我在AJAX请求后收到的数组,我想在其内容中填充一个简单的下拉框.那么让我们说这是我的阵列:

var workers = ["Steve", "Nancy", "Dave"];

我有一个简单的下拉框,我想根据我从AJAX调用得到的动态填充:

<div id='dropdown'>
  <select>
  <option value=""></option>
  <option value=""></option>
  <option value=""></option>
  </select>
</div>

我怎么能正确地做到这一点？非常感谢!!

Answer 1

只需创建一个新的Jquery对象,然后将其附加到选择列表.如果您只是选择一个id而不是它上面的div,则更容易.

for(var i=0; i< workers.length;i++)
{
//creates option tag
  jQuery('<option/>', {
        value: workers[i],
        html: workers[i]
        }).appendTo('#dropdown select'); //appends to select if parent div has id dropdown
}

Answer 2

如果您有这样的选择：

<div id='dropdown'>
   <select>
   </select>
</div>

您可以使用如下形式：

for(var i = 0; i < workers.length; i++) {
   $('#dropdown select').append('<option value='+i+'>'+workers[i]+'</option>');
}