Значения выбранных параметров jQuery

Я использую плагин Chosen jQuery. У меня есть стандартный одиночный выбор, который выглядит так:

<select data-placeholder="Choose a country..." id="country">
    <option value="AF">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
</select>

С Chosen я получаю что-то вроде этого:

<ul class="chosen-results">
    <li class="active-result" style="" data-option-array-index="0">Afghanistan</li>
    <li class="active-result" style="" data-option-array-index="1">Albania</li>
    <li class="active-result" style="" data-option-array-index="2">Algeria</li>
</ul>

Есть ли простой способ сохранить значения параметров (AF, AL, DZ) в элементах списка с выбранным, например значение данных или такой атрибут? Я не мог найти это в документах.

Заранее спасибо.


jquery jquery-chosen
person MrUpsidown    schedule 30.11.2013    source источник

Ответы (1)


arrow_upward
5
arrow_downward

jquery-chosen просто добавляет к вашему выбранному элементу просто «display: none». Таким образом, вы можете взять все свои ценности из него.

$('#yourSelectId').change(function() {
 alert(this.options[this.selectedIndex].value);
});
person Shurok    schedule 30.11.2013
comment
Я не думаю, что это решение. Я знаю, что мой выбранный элемент все еще там и скрыт. Когда я выбираю элемент с помощью Chosen, он не отражает выбор в элементе выбора HTML. Я просто спрашивал, есть ли вариант или простой способ добавить значения параметров в элементы списка с помощью Chosen. - person MrUpsidown; 30.11.2013
comment
В моем случае это revlecting. Я протестировал его здесь harvesthq.github.io/chosen (версия 1.0.0). Возможно, вы использовали другую версию. Образец кода добавлен к ответу. - person Shurok; 30.11.2013
comment
О, я вижу. Понятно! Спасибо за это. - person MrUpsidown; 30.11.2013