检查下拉列表的选定选项是不是第一个使用JavaScript的选项

Question

以下是我在HTML代码中的选项:

    <label id="subn">
      <select name="subs" id="subs">
        <option value="nothing">Choose a Subject</option>
        <option value="General Question">General Question</option>
        <option value="MemberShip Area">MemberShip Area</option>
        <option value="Others">Others</option>
      </select>
    </label>

我想创建JavaScript代码,检查用户是否选择了第一个以外的选项.

这是我尝试过的:

if (document.getElementsByTagName('option') == "nothing"){
    document.getElementById("subn").innerHTML = "Subject is Required!";
    document.getElementById("subs").focus();
    return false;
}

Answer 1

如果nothing要成为第一个(根据我的经验,通常就是这种情况),您可以像这样检查:

if (document.getElementById('subs').selectedIndex == 0){

要仍然根据值进行比较,请执行以下操作:

var sel = document.getElementById('subs');
if (sel.options[sel.selectedIndex].value == 'nothing') {

您可以使用魔杖更改标记,使标签位于旁边,如下所示:

<select name="subs" id="subs"></select><label id="subn" for="subs"></label>

否则这部分:.innerHTML = "Subject is Required!";将擦除你的<select>:)