2017-08-04 44 views
1

嗨,这个scipt我可以隐藏它后,你选择一个类别或子类别!根据类别脚本显示字段集

如何改变这个脚本来隐藏这个在第一个和只显示当选择正确的类别或子类别?

<script type="text/javascript"> 
$('#catId').change(function(){ 
    if($('#catId').val() == "2" || $('#catId').val() == "3" || $('#catId').val() == "46" || $('#catId').val() == "48") 
    { 
    $("#indoor-specifications").hide(); // change Posted By with ID you give to the div 
    }else 
    { 
    $("#indoor-specifications").show(); // change Posted By with ID you give to the div 
    } 
}); 
</script> 

感谢

+0

如果您链接一个'.trigger( “变”)'(或只是'.change()')在您现有的'.change(function(){...})'的末尾立即调用该函数,从而隐藏另一个控件(如果适用)。 – nnnnnn

+0

你是什么意思我不明白对不起 – Rhoda

+0

我的意思是在你现有的脚本中,在结尾处的''''和';'之间加上'.trigger(“change”)''。 – nnnnnn

回答

0

试试这个:

$('#catId').on('change', function() { 
 
    var optionSelected = $("option:selected", this); 
 
    var valueSelected = this.value; 
 
    if((valueSelected == "2") || (valueSelected == "3") || (valueSelected == "46") || (valueSelected == "48")){ 
 
\t $("#indoor-specifications").hide(); 
 
    } 
 
    else{ 
 
    $("#indoor-specifications").show(); 
 
    } 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="catId"> 
 
    <option value="2">One</option> 
 
    <option value="3">Two</option> 
 
\t <option value="5">Five</option> 
 
\t <option value="6">Six</option> 
 
</select> 
 

 
<br /> 
 

 
<div id="indoor-specifications">Hello World</div>

+0

对不起,这不行! – Rhoda

+0

为什么这不起作用? –