如何添加选项以在jQuery中选择列表

Question

我的选择列表被调用dropListBuilding.以下代码似乎不起作用:

 for (var i = 0; i < buildings.length; i++) {
     var val = buildings[i];
     var text = buildings[i];
     alert("value of builing at: " + i.toString() + " is: " + val);
     $("#dropListBuilding").addOption(val, text, false);
 }

这条线死了:

$("#dropListBuilding").addOption(val, text, false);

在jQuery中向下拉列表中添加项目的权利是什么？我已经测试过没有那条线,而建筑变量确实有我的数据元素.

Answer 1

不要让你的代码如此复杂.它可以通过使用类似foreach的迭代器简单地完成如下:

$.each(buildings, function (index, value) {
    $('#dropListBuilding').append($('<option/>', { 
        value: value,
        text : value 
    }));
});      

Answer 2

这样做对我来说一直很有用,我希望这会有所帮助.

var ddl = $("#dropListBuilding");   
for (k = 0; k < buildings.length; k++)
   ddl.append("<option value='" + buildings[k]+ "'>" + buildings[k] + "</option>");

Answer 3

$('#dropListBuilding').append('<option>'+val+'</option>');

Answer 4

您的代码失败,因为您正在jQuery对象上执行方法(addOption)(并且此对象不支持该方法)

您可以使用这样的标准Javascript函数:

$("#dropListBuilding")[0].options.add( new Option("My Text","My Value") )

Answer 5

$.each(data,function(index,itemData){
    $('#dropListBuilding').append($("<option></option>")
        .attr("value",key)
        .text(value)); 
});