使用jQuery检查选定的下拉列值是否为空

Question

以下是问题的下拉列表：

<select name="data" class="autotime" id="EventStartTimeMin">
    <option value=""></option>
    <option value="00">00</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    <option value="40">40</option>
    <option value="50">50</option>
</select>

我想要做的是检查当前值是否为空：

if ($("EventStartTimeMin").val() === "") {
   // ...
}

但即使值为空，它也不起作用。非常感谢任何帮助。

Answer 1

您忘记了ID选择器上的#：

if ($("#EventStartTimeMin").val() === "") {
    // ...
}

Answer 2

您需要使用.change()事件以及使用#按id定位元素：

$('#EventStartTimeMin').change(function() {
    if($(this).val()===""){ 
        console.log('empty');    
    }
});

<强> Fiddle Demo

Answer 3

你也可以试试这个 -

if( !$('#EventStartTimeMin').val() ) {
// do something
}

Answer 4

尝试一下，它将起作用-

if($('#EventStartTimeMin').val() === " ") {

    alert("Please enter start time!");

}