我在多选元素上使用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>
Run Code Online (Sandbox Code Playgroud)
jsFiddle演示:http://jsfiddle.net/FjET4