Как добавить опцию для выбора списка в jQuery

Question

Как добавить опцию для выбора списка в jQuery

55

Мой список выбора называется 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? Я тестировал без этой строки, и переменная зданий имеет свой элемент данных.

danila dinan 13 нояб. 2009, в 18:00

Источник

0

см. мой ответ на stackoverflow.com/a/9995132/740639
Walter Stabosz 03 апр. 2012, в 14:44

Теги:

jquery

html-select

8 ответов

Ещё вопросы

см. мой ответ на stackoverflow.com/a/9995132/740639

Haminh Nguyen · Answer 1 · 2012-03-30T13-33-00.000Z

Не делайте ваш код настолько сложным. Это можно сделать просто, как показано ниже, с помощью итератора типа foreach:

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

Единственное, что я хотел бы добавить к этому, - это ситуация, когда вы хотите очистить список перед его заполнением. $('#dropListBuilding').html(''); Это, на мой взгляд, завершает ответ.
Должно быть исправлено: значение: индекс,
@ShirleyCC, только если это то, что ищет пользователь. Очень возможно, что они ищут значение, совпадающее с самим текстом.

James · Answer 2 · 2009-11-13T16-40-00.000Z

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

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

Soufiane Hassou · Answer 3 · 2009-11-13T17-52-00.000Z

13

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

Soufiane Hassou 13 нояб. 2009, в 17:52

0

Не добавлять, если уже добавлено? Как? (У меня есть слайд1, слайд2, вернуться и повторить)
YumYumYum 01 май 2015, в 00:23

duckyflip · Answer 4 · 2009-11-13T18-13-00.000Z

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

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

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

Можете ли вы указать мне ссылку на этот метод? Я не думал, что что-то подобное существует, я думал, что метод DOM был .options.add(
Боб, ты прав, я изменил код, чтобы использовать обычный способ добавления опции JS

Parag Gajjar · Answer 5 · 2012-01-16T14-10-00.000Z

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

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>");
}

Bob · Answer 6 · 2009-11-13T18-11-00.000Z

Похоже, вам нужен этот плагин, поскольку он следует за вашим существующим кодом, возможно, что в 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

Sebien · Answer 7 · 2012-03-15T16-00-00.000Z

Если вы не хотите полагаться на плагин 3.5 kB для jQuery или не хотите создавать строку HTML при сохранении зарезервированных символов 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);

faisalbhagat · Answer 8 · 2015-02-12T07-48-00.000Z

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

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