javascript - 如何在没有jQuery的情况下检查选择字段是否具有某个选项值

Question

如何检查选择字段中是否存在具有特定值的选项？

<select>
  <option value="o1">Option 1</option>
  <option value="o2">Option 2</option>
</select>

如果 select 的值为 "o1" = true

如果 select 的值为 "o4" = false

Answer 1

如果您要id在选择中添加一个字段，请说id="selector"您可以执行以下操作：

var x = document.getElementById("selector").options;
for(var i=0; i<x.length; i++){
    if (x[i].value == "o1"){
    ...

等等

Answer 2

您可以遍历选项并检查它们的值：

var select = document.getElementById('selectID') || 
             document.forms[formName or index].elements[selectName or index];
var options = select.options

for (var i=0, iLen=options.length; i<iLen; i++) {
  if (options[i].value == 'foo') {
    // found option with value 'foo'
  }
}