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。