選擇並從下拉列表中取消選擇

Question

在多重選擇jquery下拉列表中，我希望如果項目檢查它發出一個數組，並且如果一個項目未選中，它會從該數組中刪除。我所做的：

var optionValues = []; 
$("#myselect").change(function() { 
    $("select option:selected").each(function() { 
     optionValues.push($(this).val()); 
    }); 

    $('select option:not(:selected)').each(function() { 
     itemtoRemove = $(this).val(); 
     optionValues.splice($.inArray(itemtoRemove, optionValues), 1); 
    }); 
    $('#this').val(optionValues.join()); 
}).trigger("change"); 

<input type="text" id="this"> 

，但它說明不了什麼在文本框中。任何想法？

Answer 1

使用map()來創建陣列並在每次更改時創建一個全新的陣列會更容易，因此您不必亂七八糟尋找要刪除的陣列的特定元素。試試這個：

var optionValues = []; 
$('#myselect').change(function() { 
    optionValues = $('option:selected', this).map(function() { 
     return this.value; 
    }).get(); 
    $('#this').val(optionValues.join()); 
}).trigger('change'); 

Example fiddle

Answer 2

的問題是，你不檢查$.inArray(itemtoRemove, optionValues)調用的回報。

$('select option:not(:selected)').each(function() { 
     itemtoRemove = $(this).val(); 
     var index = $.inArray(itemtoRemove, optionValues); 
     if(index != -1) { 
      optionValues.splice(index,1); 
     } 
}); 

http://jsfiddle.net/00shke8a/

Answer 3

$("#myselect").change(function() { 
var optionValues = []; 
$("select option:selected").each(function() { 
    optionValues.push($(this).val()); 
    }); 

$('#this').val(optionValues.join()); 
}).trigger("change"); 

http://jsbin.com/gejigucimo/1/edit