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