如何在沒有jQuery的情況下檢查選擇字段是否具有特定選項值

Question

如何檢查選擇字段中是否存在具有特定值的選項？

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

如果選擇具有值「01」 =真

如果選擇具有價值「O4」 =假

Answer 1

你也可以遍歷的OPTIO NS和檢查它們的值：

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

Answer 2

如果你的id字段添加到選擇，說id="selector"你可以做：

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

等