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

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'
  }
}