javascript - 是否选择下拉值的 JS 验证

Question

我正在尝试在我的 JS 中编写一个验证 block 来检查用户是否选择了一个值，如果未选择该值则弹出一条消息。

function validate(form) {
    var success = true;
    var message = "";

    if (form.dropdown.selectedIndex ==  0 )  {  
        form.save.disabled=true;

        if (0 < message.length) {
            message += "\n"; 
        }
        message += "dropdown  value should be selected.";
    }

    if (0 < message.length) {
        alert(message);
        success = false;
    }

    return success;
}

当我点击保存按钮时，我调用了这个函数。我没有在日志中看到错误。谁能告诉我我在这里做错了什么？或者您能否指导我验证用户是否在允许保存之前选择了值的正确方法是什么？

谢谢!

Answer 1

如果没有选择任何选项，选择元素的selectedIndex将为 -1。建议始终将一个选项设置为选中，这样您就知道默认选中的选项是什么(如果您不这样做，用户代理可能会默认选中第一个选项)。

所以测试:

if (form.dropdown.selectedIndex ==  0 )  {  

仅当第一个选项具有 selected 属性时才为真。因此，要么针对 -1 进行测试，要么默认选择第一个选项，例如

<select name="dropdown" ...>
  <option selected value="default">Please select an option
  ...
</select>