我在多选元素上使用了 Chosen jQuery 插件。
我想按照选择顺序检索并显示选项值。
例如,如果我点击“Three”,“Two”然后是“One”,那么我应该按此顺序获取这些值:[3, 2, 1]
我使用 Chosen 的“change”事件,但它给我的值按 DOM 中声明的顺序排序。即:[1, 2, 3]
下面是我的代码片段:
<select class="chosen" data-order="true" name="multiselect[]" id="multiselect" multiple="true">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
<div id="result"></div>
<script type="text/javascript" src="jquery-1.11.0.js"></script>
<script type="text/javascript" src="chosen.jquery.min.js"></script>
<script type="text/javascript">
$(".chosen").chosen({enable_search_threshold: 10}).change(function(event) {
if(event.target == this) {
var value = $(this).val();
$("#result").text(value);
}
});
</script>
jsFiddle演示: http://jsfiddle.net/FjET4