Использование jquery для добавления значения в динамически создаваемое меню выбора

Question

Я использую плагин , чтобы создать действительно удобное меню выбора (выпадающего меню).

HTML требует следующий формат:

<select>
<option value="0" selected="selected" data-skip="1">Choose an Artist</option>
<option value="1">Title</option>
<option value="2">Title</option>
<option value="3">Title</option>
<option value="4">Title</option>
</select>

Я хочу использовать WordPress для отображения определенных страниц в меню выбора:

<?php wp_dropdown_pages('child_of=96'); ?>

Wordpress успешно возвращает меню выбора всех правильных страниц. Мне нужно решение jquery, чтобы вставить его перед первым элементом select: <option value="0" selected="selected" data-skip="1">Choose an Artist</option>, а также мне нужно jquery, чтобы назначить значение параметра следующему элементу select (см. Разметку выше). В общем, мне нужно решение jquery, чтобы добавить эту строку перед первым элементом выбора, а также назначить последовательное значение параметра (i ++) для следующего элемента выбора.

Заранее спасибо, и я надеюсь, что это имеет смысл.

Answer 1

Вам нужно prepend ваш новый параметр списка для вашего select, а затем перебрать атрибут options и вставить атрибут value с числом, которое увеличивается при каждом цикле выполнения функции.

    $("select").prepend("<option selected='selected' data-skip='1'>Choose an Artist</option>'");
       var i = 1;
    $("select option").each(function() {
       $(this).attr("value",i);
       i++;
     });

Fiddle: jsfiddle.net / 67de7 / 1

Answer 2

Пока вы можете однозначно идентифицировать свое поле выбора (например, идентификатор или имя класса), что-то вроде этого должно делать то, что вы хотите:

var select = $('select'); // Or according selector
select.prepend('<option value="0" selected="selected" data-skip="1">Choose an Artist</option>');
$('option', select).each(function(index) {
    $(this).attr('value', index);
});

По сути, последний цикл устанавливает значение каждого параметра поля выбора равным его индексу.