2014-04-22 35 views
11

是空的這裏是有問題的下拉列表:檢查是否選擇下拉值使用jQuery

<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() === "") { 
    // ... 
} 

但它確實不工作,即使值是空的。任何幫助深表感謝。

回答

25

你的id選擇忘了#

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

@RoryMcCrossan用於如果_EventStartTimeMin_其中一個asp.net控制的代碼將是.NET:'如果($( 「#<%= EventStartTimeMin.ClientID%>」)VAL()=== 「」 ){ // ... }' – Juanito

+2

@Juanito我知道,但這個問題與此有何關聯? –

2

您需要通過id使用.change()事件以及使用#到目標元素:

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

Fiddle Demo

+0

剛剛使用更改的問題是,如果最後一個字段需要鍵盤輸入,直到查看器點擊某些內容纔會發生變化,從而使它們變得混亂。改用.on('change,keyup',function(){})。 – WebDude0482

2

你也可以試試這個,

if(!$('#EventStartTimeMin').val()) { 
// do something 
} 
相關問題