javascript - 从下拉列表中选择和取消选择

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