Javascript 选择另一个选择器的值时,如何隐藏选择器?

Javascript 选择另一个选择器的值时,如何隐藏选择器?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在选择另一个选择器的值时隐藏一个选择器 我已经尝试了下面的代码,但它不起作用 我的jquery代码: $(文档).ready(函数(){ if($('#Soort').val()=“Bordspellen”){ $('category_computer').hide(); $('#4').hide(); } }); 你在哪里? 基斯。。。 博德斯佩伦 电脑游戏 Welke分类电脑游戏speelt u meestal? 基斯。。。 运动会 冒险游戏 战争游戏 战略游戏 将change事件

我想在选择另一个选择器的值时隐藏一个选择器

我已经尝试了下面的代码,但它不起作用

我的jquery代码:

$(文档).ready(函数(){
if($('#Soort').val()=“Bordspellen”){
$('category_computer').hide();
$('#4').hide();
}
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏

Welke分类电脑游戏speelt u meestal? 基斯。。。 运动会 冒险游戏 战争游戏 战略游戏
change
事件添加到您的第一个
选择标记中,并检查所选的选项值。如果是
bordspel
,则隐藏另一个选择器

$('Soort')。在('change',function()上{
if($(this).val()=='bordspel'){
$(“#4,#分类#计算机”).hide();
}否则{
$('4,'Categorie_computer').show();
}
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

change
事件添加到您的第一个
选择标记中,并检查所选的选项值。如果是
bordspel
,则隐藏另一个选择器

$('Soort')。在('change',function()上{
if($(this).val()=='bordspel'){
$(“#4,#分类#计算机”).hide();
}否则{
$('4,'Categorie_computer').show();
}
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

您的代码有两个问题:

1) 将select元素的值与“Bordspellen”进行比较,但指定给该选项的值为“bordspel”。这种比较永远不会成立。您应该检查“#Soort”的值是否等于“bordspel”

2) 加载文档时,您会检查初始值,但通过这种方式,在进行其他选择时不会通知您。要实现这一点,您需要倾听变革事件

我已经更新了您的代码以解决这两个问题。我希望这能说明问题

$('#Soort')。更改(函数(){
if($('#Soort').val()==“bordspel”){
$('category_computer').hide();
$('#4').hide();
}否则{
$('Categorie_computer').show();
$('#4').show();
}
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

您的代码有两个问题:

1) 将select元素的值与“Bordspellen”进行比较,但指定给该选项的值为“bordspel”。这种比较永远不会成立。您应该检查“#Soort”的值是否等于“bordspel”

2) 加载文档时,您会检查初始值,但通过这种方式,在进行其他选择时不会通知您。要实现这一点,您需要倾听变革事件

我已经更新了您的代码以解决这两个问题。我希望这能说明问题

$('#Soort')。更改(函数(){
if($('#Soort').val()==“bordspel”){
$('category_computer').hide();
$('#4').hide();
}否则{
$('Categorie_computer').show();
$('#4').show();
}
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

使用jquery的onchange事件

$('document').ready(函数(){
$('#Soort')。在('change',function()上{
var值=$(this.val();
如果(值==“bordspel”){
$('4')。淡出('slow');
$(“#对计算机进行分类”).remove();
}
});
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

使用jquery的onchange事件

$('document').ready(函数(){
$('#Soort')。在('change',function()上{
var值=$(this.val();
如果(值==“bordspel”){
$('4')。淡出('slow');
$(“#对计算机进行分类”).remove();
}
});
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

您可以将div作为容器元素包装在每个select及其标签周围。因此,您可以轻松隐藏该容器的所有内容。此外,您还必须观察select的更改事件。触发该事件后,您可以比较选择的值或文本。该值是隐藏的实际值,可以提交给服务器等。文本是在浏览器中呈现的内容

$('Soort')。在('change',function()上{
if($('#Soort').val()==“bordspel”){
$('#container-4').hide();
}否则{
$('#container-4').show();
}
});

你在哪里?
基斯。。。
博德斯佩伦
电脑游戏
Welke分类电脑游戏speelt u meestal?
基斯。。。
运动会
冒险游戏
战争游戏
战略游戏

您可以将div作为容器元素包装在每个select及其标签周围。因此,您可以轻松隐藏该容器的所有内容。此外,您还必须观察select的更改事件。W