javascript - 使用 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> :)