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检查是否已选中，然后使用+将somthing合并到输出文本中。

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

5 个答案: