如何jQuery多项选择更改功能，获取未选择的项目数？

Question

有没有办法在jquery onChange事件的多个选择中获取所有“未选中”值。

Answer 1

您可以使用:not()和:selected选择器的组合来实现此目的。然后，可以使用map()构建一个包含所有未选定值的数组。试试这个：

$('#foo').change(function() {
  var unselectedValues = $(this).find('option:not(:selected)').map(function() {
    return this.value;
  }).get();
  
  console.log(unselectedValues);     
});

select { 
  width: 30px;
  height: 150px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="foo" multiple="true">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
</select>

Answer 2

如果您尝试：

理解你的价值。

var tab= [];

     for(var i = 0; i < axey.options.length; i++)
     {
        if(!axey.options[i].selected == true)
        {
         tab.push(axey.options[i].value);
        }
     }

console.log(tab.length);