使用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');    
    }
});

小提琴演示

Answer 3

你也可以尝试这个 -

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