javascript - 从选择框中获取所有选项（选中和未选中）

Question

使用此代码：

$('#select-from').each(function() {
  alert($(this).val());
});

<select name="selectfrom" id="select-from" multiple="" size="15">
  <option value="1">Porta iPhone Auto</option>
  <option value="2">Leather Moto Vest</option
</select>

我从该选择框中获取所有已选择的值，我如何获得未选择的值？

Answer 1

试试下面

获取所有值

var valuesArray = $("#select-from option").map(function(){
  return this.value;
}).get();

在不同的数组中获取选定和未选定的值。

var values = {
  selected: [],
  unselected:[]
};

$("#select-from option").each(function(){
  values[this.selected ? 'selected' : 'unselected'].push(this.value);
});

谢谢，

湿婆

Answer 2

这是您需要的代码：

 $('#select-from option').each(function(){
    alert($(this).val());
});

看看这个jsfiddle

Answer 3

$("#selectId > option").each(function() {
    alert(this.text + ' ' + this.value);
});

this.text会给文本

this.value 将给出值

Answer 4

我的版本:)

$("#select-from option:selected").each(function (i, x) {
    alert($(x).val() + " selected");
});

$("#select-from option:not(:selected)").each(function (i, x) {
    alert($(x).val() + " not selected");
});

Answer 5

$('#select-from option').each(function() {
   console.log($(this).text());
});

这将返回所有值。

如果您想突出显示所选内容，您可以if statement检查是否选中，然后将某些内容与输出文本合并到+.