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

前端之家收集整理的这篇文章主要介绍了Jquery – 使用数组内容填充DropDown框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这应该是非常简单但由于某种原因我无法在网上找到它的答案..
我有一个在 AJAX请求后收到的数组,我想在其内容中填充一个简单的下拉框.
那么让我们说这是我的阵列:
var workers = ["Steve","Nancy","Dave"];

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

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

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

解决方法

只需创建一个新的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
}

猜你在找的jQuery相关文章