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选择多个属性，允许标记顺序与列表顺序

1 个答案: