FrontEnd: добавить в select новые option со своими атрибутами

  • Создано 09.11.2017 18:03

Недавно передо мной встала задачка: "на лету" добавлять новые пункты (option) в выпадающий список (select). Это несложно, если Вам нужно добавить пункты только с текстом и значением, без дополнительных атрибутов. А что делать, если нужны свои специфические атрибуты к каждому option?

Создаем новый option:
var opt = new Option(text, value, defaultSelected, selected); (более подробно с конструктором класса можно ознакомиться здесь);
Добавляем этот option к нашему select, после чего сразу ищем последний добавленный элемент и добавляем ему аттрибут key со значением, которое у меня хранится в переменной key (определенной где-то ранее):
$('#sel').append(opt).find(':last').attr('key', key);
Смотрим, что получилось:
<select id="sel">
<option value="Новомолоковский б-р" key="23">Новомолоковский б-р</option>
</select>

ICH BIN KAKAI_I_IKA