使用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语句也写了，我刚刚扩展了这个指示的几个值