jQuery 选择的选项值

Question

我正在使用选择的 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>

通过选择，我最终会得到类似的结果:

<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)保留在选择的列表元素中，例如数据值或此类属性？我在文档中找不到该内容。

提前致谢。

Answer 1

jquery-chosen 只是将“display: none”添加到您的选择元素中。 所以你可以从中获取你所有的值(value)观。

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