jQuery选择了选项值

时间:2013-11-30 13:07:49

标签: jquery jquery-chosen

我正在使用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)保留在具有Chosen的列表元素中,如数据值或此类属性?我在文档中找不到。

提前致谢。

1 个答案:

答案 0 :(得分:5)

jquery-selected只是将'display:none'添加到你的select元素中。 所以你可以从中获取所有的价值。

$('#yourSelectId').change(function() {
 alert(this.options[this.selectedIndex].value);
});