Как добавить опцию для выбора списка в 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

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

Answer 2

Выполнение этого так всегда работало для меня, я надеюсь, что это поможет.

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

Answer 3

Похоже, что вы хотите этот плагин, поскольку он соответствует вашему существующему коду, возможно, что заглушка в js-файле ушла куда-то.

http://www.texotela.co.uk/code/jquery/select/

var myOptions = { 
"Value 1" : "Text 1", 
"Value 2" : "Text 2", 
"Value 3" : "Text 3" 
} 
$("#myselect2").addOption(myOptions, false); 
// use true if you want to select the added options » Run 

Answer 4

Ваш код не потому, что вы выполняете метод (addOption) на объект JQuery (и этот объект не поддерживает метод)

Вы можете использовать стандартную функцию Javascript, как это:

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

Answer 5

Это прекрасно работает, попробуйте это.

var ob = $("#myListBox"); 

for (var i = 0; i < buildings.length; i++) { 
    var val = buildings[i]; 
    var text = buildings[i]; 

    ob.prepend("<option value="+ val +">" + text + "</option>"); 
} 

Answer 6

Если вы не хотите, чтобы полагаться на 3.5 кБ плагин для JQuery или не хотите, чтобы построить строку HTML в то время как escapping зарезервированные символы HTML, вот простой способ, который работает:

function addOptionToSelectBox(selectBox, optionId, optionText, selectIt) 
{ 
    var option = document.createElement("option"); 
    option.value = optionId; 
    option.text = optionText; 
    selectBox.options[selectBox.options.length] = option; 
    if (selectIt) { 
     option.selected = true; 
    } 
} 

var selectBox = $('#veryImportantSelectBox')[0]; 
addOptionToSelectBox(selectBox, "ID1", "Option 1", true); 

Answer 7

Не делайте ваш код настолько сложным. Это может быть сделано просто, как показано ниже, используя Еогеасп типа итератора:

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

Answer 8

Для меня это один работал

success: function(data){ 
      alert("SUCCCESS"); 
      $.each(data,function(index,itemData){ 
       console.log(JSON.stringify(itemData)); 
       $("#fromDay").append(new Option(itemData.lookupLabel,itemData.id)) 
      }); 
     }