2013-04-08 51 views
2

我試圖在選擇值更改爲特定值時提醒用戶,但我的頁面中有多個選擇(每個用戶一個)。選擇中的值更改提示

這裏是我的嘗試:http://jsfiddle.net/mEFQq/

$(document).ready(function() { 
    $("select").change(function(){ 
     if($(this).text() == "Chef") 
      { 
       alert(); 
      } 
     }); 
}); 

我的願望是有報警時,選擇更改值「大廚」。

我該怎麼做?

回答

3

這樣的事情也許是:http://jsfiddle.net/mEFQq/1/

您需要使用.VAL()函數,而不是處理選擇時的.text()函數。

此外,您還需要與值屬性(本例中爲1)而非實際文本值進行比較。

的代碼看起來是這樣的:

$(document).ready(function() { 
    $("select").change(function(){ 
     if($(this).val() == "1") 
      { 
       alert('value 1 (wich refers to Chef) got selected'); 
      } 
     }); 
}); 
0

您的問題是使用.text()方法將返回您select元素,而不僅僅是「選擇」一個所有的文字,如果你試圖用.val(),你所選擇的元素的value屬性,而不是(如果他們沒有設置value,你可以使用.val())。

我建議你改變你的if到:if($(this).children(':selected').text() == "Chef"),像這樣:

$("select").change(function(){ 
    if($(this).children(':selected').text() == "Chef") 
     { 
    alert(); 
     } 
    }); 
}); 

演示:http://jsfiddle.net/darkajax/YCznv/

0

FIDDLE

你可以做這樣的事情:

if($(this).find('option:selected').text() == "Chef") 
相關問題