是否有任何處理程序可以檢測選擇字段是否選擇了沒有jQuery的任何選項

Question

如果選擇先前未選擇的選項，則onChange處理程序可以檢測到該選項。如何檢測預選選項（即選擇字段是否選擇了任何選項）？這可能沒有jQuery？是否有處理程序，例如onSelected（與突出顯示文本的onSelect不同）？

實施例：

<select onSelected="FunctionRunIfOptionSelected()"> 
<option> ... </option> 
... 
</select> 

預選選項將已經在頁面加載選擇。即，與HTML動態地呈現：

<option selected> ... </option> 

Answer 1

如果我明白了，那麼任務是告訴一個選項是否將所選屬性硬編碼到HTML中？如果是的話，這應該工作：

function test() { 
    var opts = document.getElementById("myselect").options; 
    var i, len = opts.length; 
    for(i = 0; i < len; i++) { 
     if (opts[i].getAttribute("selected") != null) { // opts[i] has the selected attribute 
      change_other_select(i); // pass the option index to your other function 
      break; 
     } 
    } 
} 

window.onload = test; 

訣竅是選擇的屬性和所選屬性來區分，也是一個空值和空字符串之間。

Answer 2

var myselect = document.getElementByid('selectid');   
myselect.options[myselect.selectedIndex]; 

Answer 3

如果選擇字段沒有選擇這樣的默認值，您可以檢測：

var selects = document.getElementsByTagName("select"); 
for (i=0;i<selects.length;i++) { 
    if (selects[i].selectedIndex != 0) { 
     eval(selects[i].getAttribute("onSelected")); 
    } 
} 

Answer 4

爲了測試在頁面加載所選的選項，您需要在window.onload處理程序中捕獲這些處理程序

加載一個頁面，您需要繼續使用onChange處理程序，但使用selectedIndex屬性來測試這是否填充您的選項列表中的索引。

或者在HTML中給出選項值並檢查值本身。這將允許在擴展選項列表時確定性行爲。

Answer 5

是，使用.options[]和.selectedIndex方法，您可以乾淨，悄悄地處理這個問題，像這樣：

HTML

<select name="select" id="select"> 
    <option value="">...</option> 
    <option value="1">One</option> 
    <option value="2" selected="selected">Two</option> 
</select> 

的JavaScript

window.onload = function(){ 
    var select = document.getElementById("select"), selected = select.value; 
    select.onchange = function(){ 
     var val = select.options[select.selectedIndex].value; 
     if(val != selected) { 
      alert("Another value " + val + " was selected, which is not the same as the default value of " + selected); 
     } else { 
      alert("Same value as the default of " + selected + " was selected"); 
     } 
    }; 
}; 

從JS中，你可以檢查並根據需要操作val變量。