jquery禁用/刪除選項上選擇？

Question

我有兩個選擇列表，我想jQuery來要麼刪除或禁用選擇選項，這取決於從第一選擇列表中選擇：

<select name="booking" id="booking"> 
    <option value="3">Group Bookings</option> 
    <option value="2" selected="selected">Port Phillip Bay Snapper Charters</option> 
    <option value="6">Portland Tuna Fishing</option> 
    <option value="1">Sport Fishing</option> 
</select> 

這裏的第二個表（這將永遠只能有兩個值）：

<select name="charterType" id="charterType"> 
    <option value="1">Individual Booking</option> 
    <option value="2">Group Booking</option> 
</select> 

如果團體購票或菲利普灣港鯛章程被選中，我只需要「團體預訂」來顯示。 （基本上隱藏「個人預訂」），但我似乎無法得到它的工作..如果有人可以幫助我，這將是偉大的！ :)

我使用一個開關，但不工作或者..也試過

/* select list */ 
    switch (jQuery('#booking :selected').text()) { 
    case 'Sport Fishing': 
     alert('AA'); 
    break; 
    case 'Port Phillip Bay Snapper Charters': 
     jQuery("#charterType option[value=1]").remove(); 
     alert('BB'); 
    break; 
    case 'Portland Tuna Fishing': 
     alert('CC'); 
    break; 
    case 'Group Bookings': 
     alert('DD'); 
    break; 
    }; 

它提醒，但不會做任何事情..

Answer 1

這會做你需要什麼樣的

<select name="booking" id="booking"> 
    <option value="3">Group Bookings</option> 
    <option value="2" selected="selected">Port Phillip Bay Snapper Charters</option> 
    <option value="6">Portland Tuna Fishing</option> 
    <option value="1">Sport Fishing</option> 
</select> 

<select name="charterType" id="charterType"> 
    <option value="1">Individual Booking</option> 
    <option value="2">Group Booking</option> 
</select> 

的JavaScript

$("#booking").change(function(){ 
    $("#charterType").empty(); 
    if ($(this).val() != "3" && $(this).val() != "2"){ 
    $("#charterType").append ($('<option>').text("Individual Booking").val("1")); 
    } 

    $("#charterType").append ($('<option>').text("Group Booking").val("2")); 

}); 

參見：http://jsbin.com/ayato

Answer 2

您可以使用

jQuery('#booking').val()獲得選定的值。

您可以查看樣品here。