JS检查下拉菜单中的选项是否被选中答案

【问题标题】：JS check if option in pull down menu is selectedJS检查下拉菜单中的选项是否被选中
【发布时间】：2018-05-09 09:39:17
【问题描述】：

如何检查下拉菜单中是否选择了formvaldation选项？

         <div class="form-group has-warning-add has-feedback" id="div_add_eenheid">


  <select class="form-control id="add_eenheid" name="add_eenheid" onclick="validate_add()" onmousemove="validate_add()">
                <option value="">--- Selecteer eenheid ---</option>
                <option value="stuk">stuk</option>
                <option value="doos">doos</option>
                <option value="kg">kg</option>
              </select><span class="glyphicon glyphicon-warning-sign form-control-feedback" id="add_eenheid_status"></span>
                </div>

function validate_add()
{
    // eenheid
    if(document.getElementById('add_eenheid').selected = true) { document.getElementById('div_add_eenheid').className = "form-group has-warning-add has-feedback"; document.getElementById('add_eenheid_status').className = "glyphicon glyphicon-warning-sign form-control-feedback"; }
    else
    { document.getElementById('div_add_eenheid').className = "form-group has-success-add has-feedback"; document.getElementById('add_eenheid_status').className = "glyphicon glyphicon-ok form-control-feedback"; }
}
</script>

我试过了：

getElementById('add_eenheid').selected = true
getElementById('add_eenheid').value == ''
getElementById('add_eenheid').selectedIndex ==  0

非常感谢任何帮助。

【问题讨论】：

改变 'onclick="validate_add()"' 为 onchange="validate_add(this.value);"然后检查该值是否不是空字符串。
stackoverflow.com/questions/1271640/validate-select-box
@jeff as in document.getElementById('add_eenheid').value == '' ?

标签： javascript

【解决方案1】：

function validate_add(self) {
  console.log(self.value);
}

<select onchange="validate_add(this)">
  <option value="" disabled selected>--- Selecteer eenheid ---</option>
  <option value="stuk">stuk</option>
  <option value="doos">doos</option>
  <option value="kg">kg</option>
</select>

只要在下拉列表中选择了新值，onchange 事件就会触发。
selected 标记确保 --- Selecteer eenheid --- 选项是默认选项。
disabled 标记确保永远不能选择--- Selecteer eenheid --- 选项。
- 又名：下拉列表的值永远不会是--- Selecteer eenheid --- 选项的值。

所以每当onchange 事件触发时，您可以确定下拉列表的值是有效的。

【讨论】：