Jquery 基于选项值隐藏div
如何更改此选项以隐藏除第一个div之外与选项值匹配的所有div 到目前为止,我所做的是在做出选择之前隐藏所有div,但是我需要在用户做出选择之前显示第一个divJquery 基于选项值隐藏div,jquery,Jquery,如何更改此选项以隐藏除第一个div之外与选项值匹配的所有div 到目前为止,我所做的是在做出选择之前隐藏所有div,但是我需要在用户做出选择之前显示第一个div $('.dd show hide').find('option').each(function(){ $('#'+this.value).hide(); }); $('.dd show hide').change(函数(){ $(this).find('option').each(function(){ $('#'+this.valu
$('.dd show hide').find('option').each(function(){
$('#'+this.value).hide();
});
$('.dd show hide').change(函数(){
$(this).find('option').each(function(){
$('#'+this.value).hide();
});
$('#'+this.value).show();
});
选择
节目组1
节目组2
节目组3
第一组
第2组
第3组
将$('.dd show hide').find('option')
替换为$('.dd show hide').find('option:gt(1)
)应该与类似。发生什么事了?是的。这很有效。从未使用过比以前更大的。我喜欢。
$('.dd-show-hide').find('option').each(function(){
$('#' + this.value).hide();
});
$('.dd-show-hide').change(function(){
$(this).find('option').each(function(){
$('#' + this.value).hide();
});
$('#' + this.value).show();
});
<select class="dd-show-hide">
<option>Choose</option>
<option value="div1">Show Div 1</option>
<option value="div2">Show Div 2</option>
<option value="div3">Show Div 3</option>
</select>
<div id="div1" class="drop-down-show-hide">div 1</div>
<div id="div2" class="drop-down-show-hide">div 2</div>
<div id="div3" class="drop-down-show-hide">div 3</div>