2011-05-25 14 views
0

如果我選擇了一個單選按鈕,然後如果我從選擇框中選擇一個值,我應該會收到消息。jquery幫助:如何在選擇單選按鈕並選擇框後獲取消息

HTML:

First Class<input name="seat_class" id="a1" type="radio" value="First Class"> 
Second Class <input name="seat_class" id="a2" type="radio" value="Standard Class" /> 

<select id="op" name="myname"> 
<option value="none" selected>None</option> 
<option value="rahul" selected>Rahul</option> 
<option value="aisha">aisha</option> 
</select> 

的JavaScript:

$(document).ready(function(){ 


$('#a1').change(function() { 

    $('#op').change(function(){ 
     if($(this).val()==rahul) 
     { 
alert("Hello yar " + $(this).val()); 
     } 
}); 

    //alert('foo'); 

}); 

$('#a2').change(function() { 
    alert('bar'); 

}); 

$('#op').change(function(){ 
alert("Hello " + $(this).val()); 
}); 

}) 

此代碼是行不通的任何方式。

我希望當我選擇單選按鈕1和rahul我應該得到一個消息,如果我選擇單選按鈕2和aisha我應該得到另一個消息。 請幫忙。

+0

你有沒有機會用更精確的方式表達「不工作」? – 2011-05-25 14:39:50

+0

你有很多嵌套的選擇器,你不能綁定到另一個選擇器中的事件。我會爲你找到一個jsfiddle。 – Henry 2011-05-25 14:42:19

+1

順便說一句,它不包括在事件處理程序中包裝document.ready。我認爲你的主要錯誤是缺少引用。正確的必須是:=='rahul' – reporter 2011-05-25 15:00:55

回答

0

http://jsfiddle.net/jX5uT/

希望有幫助。

你不能綁定到其他事件綁定中的事件。但是,您可以使用選擇器在綁定中執行其他操作。

0

這應該得到你的基本知識:

$(document).ready(function(){ 
    $("input[type=radio]").click(function(){ 
     if($("#a1").is(":checked")) { 
      $('#op').change(function(){  
       if($(this).val()== "rahul"){ 
        alert("Hello yar " + $(this).val());  
       } 
      }); 
     } 
    }); 
}); 

不要忘記「拉胡」需要加引號,否則它會認爲它是一個變量。

祝你好運!