使用Javascript - 形式選擇框語法選擇的選項

Question

if (document.myform.mycheckbox.checked) 

如果複選框被選中，然後做一些事情......

...什麼行代碼會做同樣的事，一個選擇框的選擇嗎？

if (document.myform.myselectbox.myselection.selected) 

是這樣的嗎？我似乎無法找到我要找的東西。

我在做什麼是在這裏：

Link to stuff nada workola

Answer 1

您正在尋找：

if (document.myform.myselectbox.selectedIndex != -1) 

當沒有什麼選擇的索引返回-1。

如果你真的想爲所選選項的內部值或文本字符串中，你可以通過索引訪問：

var selObj = document.myform.myselectbox; 
var selIndex = selObj.selectedIndex; 
var selOptionValue = selObj.options[selIndex].value; 
var selOptionText = selObj.options[selIndex].text; 

但是你需要注意的是，行爲也有點依賴於如何你有它顯示。如果您沒有指定某個特定的選項是「被選中」的，則使用「單個」選擇元素（例如「下拉」），那麼第一個選項（索引0）被認爲是被選中的，因爲它是如何被視覺顯示的。

<select> 
    <option>red</option><!-- "selected" by default when rendered --> 
    <option>orange</option> 
    <option>yellow</option> 
    ... 
</select> 

如果有一個大小爲一個選擇元件屬性大於1（例如，6）然後目視有沒有選擇，從而所述元件將返回-1默認（如果選擇了無）

<select size="6"> 
    <option>red</option><!-- NOT "selected" by default when rendered --> 
    <option>orange</option> 
    <option>yellow</option> 
    ... 
</select> 

無論哪種方式，你可以使用這樣的代碼，以確定該怎麼做：

var mySelect = document.myform.myselectbox; 
var selIndex = mySelect.selectedIndex; 
if(selIndex != -1){ 
    //an option is selected 
    if(selIndex == 0){ 
    //first option is selected 
    } else if(selIndex == 1){ 
    //second is selected 
    } else if(selIndex == 2){ 
    //third is selected 
    } 
} else { 
    //no option is selected 
} 

你可以這樣使用開關/ case語句也寫了，我剛剛擴展了這個指示的幾個值