jquery-选择的多个属性允许标签顺序与列表顺序相同

Question

在我的 html 中，我使用的是从 here 中选择的 jquery(1.6.2)。我在多项选择时遇到问题，所选标签的排序顺序与它们在下拉列表中的顺序相同。我想要选择的顺序而不是按列表排序。

    <select class="chosen-select" chosen multiple>
    </select>

但订单排序仍在完成。我要处理订单请帮忙

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Multiple Selected Option Value</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
var arr=[];
var selected;
$(document).ready(function() {

   $("select.country").click(function(){ 
   var latestSelected;
    if (selected) {
        var currentOptionsValue = $(this).val();
        latestSelected = currentOptionsValue.filter(function(element) {
        return selected.indexOf(element) < 0;
  });
}
if(!selected){
arr.push($(this).val());
}
else{
 arr.push(latestSelected);
}
selected = $(this).val();
//console.log( "latest selected option : " + latestSelected);
    });

});
function getValues(){

        alert(arr.join(','));
    }   
</script>
</head>
<body>
    <form>
        <label>Country:</label>
        <select class="country" multiple="multiple" size="5">
            <option>United States</option>
            <option>India</option>
            <option>United Kingdom</option>
            <option>Brazil</option>
            <option>Germany</option>
        </select>
        <button type="button" onclick="getValues();">Get Values</button>
    </form>
</body>
</html>

jquery-选择的多个属性允许标签顺序与列表顺序相同

jquery-chosen multiple attribute allowing tag order same as list order

html

javascript

jquery

angularjs

jquery-chosen