Jquery - 使用数组内容填充下拉框

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
}