Добавление статической строки в выпадающий список JQuery

Question

Добавление статической строки в выпадающий список JQuery

0

У меня есть функция, которая заполняет раскрывающийся список, однако, как только данные будут возвращены, первая запись будет показана в раскрывающемся списке. Там назначается событие "change", поэтому я не хочу, чтобы что-то было выбрано, когда данные сначала возвращались.

Как добавить строку "Nothing Selected" или даже пустую строку при загрузке вниз?

Мой текущий код:

 function loadDropDown(data1) {
    var renderDrop = _.map(data1, function (val) {
    return '<option>' + val + '</option>';
    }).join(); 
    $('#mydropdown').html(renderDrop);
    }

И мой HTML:

<select class="selectpicker" id="mydropdown">
</select>

Я пробовал жесткое кодирование <option>Select an option</option>

Кто-нибудь знает, как это сортировать?

Hagbard 20 март 2014, в 13:06

Источник

Теги:

jquery

html

3 ответа

2

Более гибкий подход будет таким:

    $("#ddl option").eq(0).before($("<option></option>").val("").text("Select"));
    $("#ddl")[0].selectedIndex = 0;

Таким образом, элемент может быть добавлен в любое место в списке.

Jaypal 20 март 2014, в 09:17

1

Вместо того чтобы переписать весь выбор, вы можете добавить параметры.

function loadDropDown(data1) {
  _.map(data1, function (val) {
    $('#mydropdown').append($('<option>' + val + '</option>'));
  });
}

fejese 20 март 2014, в 09:23

Ещё вопросы

Tushar Gupta · Accepted Answer · 2014-03-20T10-09-00.000Z

Пытаться

Добавить <option>Select an option</option> прежде чем добавлять другие параметры.

$("#mydropdown").html("<option>Select an option</option>" + renderDrop);

Спасибо, я думаю, что оба эти ответа сработают, но в итоге я воспользовался этим, не понимая, что это было так просто, имеет смысл. Спасибо!
@Hagbard Добро пожаловать Рад, что это помогло.