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

【问题标题】：jquery-chosen multiple attribute allowing tag order same as list orderjquery-选择多个属性允许标签顺序与列表顺序相同
【发布时间】：2017-07-04 13:02:08
【问题描述】：

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

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

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

【问题讨论】：

提示：选择更改时将项目列表添加到数组中。然后你可以从数组中按顺序发送
谢谢你，但它没有工作，最好停止根据索引循环选择的项目。我可以让它停止循环吗？
下面是返回多选顺序的html

标签： javascript jquery html angularjs jquery-chosen

【解决方案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>

【讨论】：