jquery禁用/删除选项上选择?
问题描述:
我有两个选择列表,我想jQuery来要么删除或禁用选择选项,这取决于从第一选择列表中选择: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;
};
它提醒,但不会做任何事情..
答
这会做你需要什么样的
<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"));
});
+0
非常感谢! :) – SoulieBaby 2010-03-15 21:52:20
似乎为我工作的罚款(http://jsbin.com/adawu/编辑)。只要确保你把选项放回去,那么选择另一个预订。 – 2010-03-15 05:27:43