Jquery 如何从选择框中删除选项
如果选择了room2和room4,我将尝试从选择框中删除最后2个选项。我不能让它工作。有什么想法吗? 另外,在第3个选择框中,如果选择了选项更多,则我希望自动选择7天,并显示一条提示:与办公室联系以获得长期住宿Jquery 如何从选择框中删除选项,jquery,html,drop-down-menu,triggers,Jquery,Html,Drop Down Menu,Triggers,如果选择了room2和room4,我将尝试从选择框中删除最后2个选项。我不能让它工作。有什么想法吗? 另外,在第3个选择框中,如果选择了选项更多,则我希望自动选择7天,并显示一条提示:与办公室联系以获得长期住宿 $('#计算器_住宿')。更改(函数(){ 如果($(this.val()='ROOM2'| |$(this.val()='ROOM4'){ $(“#成本#计算器(人)”)。选项(“5”)。删除(); $(“#成本#计算器(人)”)。选项(“6”)。删除(); 警报('房间2已触发')
$('#计算器_住宿')。更改(函数(){
如果($(this.val()='ROOM2'| |$(this.val()='ROOM4'){
$(“#成本#计算器(人)”)。选项(“5”)。删除();
$(“#成本#计算器(人)”)。选项(“6”)。删除();
警报('房间2已触发')
}
});
$('cost#calculator_days')。更改(函数(){
如果($(this.val()='More'){
警报(“长期停留联系办公室”);
//此处显示选择“7”的代码
}
});代码>
一号房间
二号房间
房间树
四号房间
五号房间
六号房间
七号房间
八号房间
1人
两个人
三个人
4个人
5个人
6人
1.
2.
3.
4.
5.
6.
7.
更多
jQuery中没有类似于option()的方法。
而是用来获取具有特定属性值的元素
$('#计算器_住宿')。更改(函数(){
如果(this.value=='ROOM2'| | this.value=='ROOM4'){
$(“#cost#culator#person option[value='4'],#cost#culator#person option[value='6'])。删除();
警报('房间2已触发')
}
});代码>
一号房间
二号房间
房间树
四号房间
五号房间
六号房间
七号房间
八号房间
1人
两个人
三个人
4个人
5个人
6人
您可以使用slice
$('#calculator_accomodation').change(function () {
if ($(this).val() === 'ROOM2' || $(this).val() === 'ROOM4' ) {
$('#cost_calculator_person').find('option').slice(4, 6).remove();
alert('room2 is triggered');
}
});
在下一个编辑的问题中尝试此选项
$('#cost_calculator_days').change(function(){
if($(this).val() == 'More' ) {
$("#cost_calculator_days option[value='7']").prop('selected',true);
// code to select '7' goes here
}
});
试着做这样的事
$(文档).ready(函数(){
$('#计算器_住宿')。更改(函数(){
var val=$(this.val();
如果(val=='ROOM2'| | val=='ROOM4'){
$(“#成本#计算器(个人选项[value='4'])”).css('display','none');
$(“#成本#计算器(个人选项[value='6'])”).css('display','none');
}否则{
$(“#成本#计算器(个人选项[value='4'])”).css('display','block');
$(“#成本#计算器(个人选项[value='6'])”).css('display','bolck');
}
});
$('cost#calculator_days')。更改(函数(){
if($(this.val()=='More'){
警报(“长期停留联系办公室”);
}
});
});代码>
一号房间
二号房间
房间树
四号房间
五号房间
六号房间
七号房间
八号房间
1人
两个人
三个人
4个人
5个人
6人
1.
2.
3.
4.
5.
6.
7.
更多
使用这个@jacker83$(“#成本"计算器"个人选项[value='5'])。删除()@劫机者83日选择答案已更新$(“#成本"计算器"个人选项[值='5'],选项[值='6'])。删除();也工作不用再写id了,非常感谢。有时候解决办法很简单:)我还没来得及编辑我的帖子,你就这么快回复了。在第三个选择框中,如果选择了选项“更多”,我还希望自动选择值“7”。如果你能解释一下怎么做,我将不胜感激。非常感谢。为什么使用===而不是==当选择“更多”选项时,您知道如何自动选择选项“7”吗?使用===js也将匹配类型。例如。1=='1'=true 1=='1'=false'1'=='1'=true。