根据类别脚本显示字段集

Question

Hi guys with this scipt i can hide it after you select a category or subcategory!

How to change this script to hide this in first and only show when selected the right category or subcategory?

<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> 

Thanks

Answer 1

Try this:

 $('#catId').on('change', function() { var optionSelected = $("option:selected", this); var valueSelected = this.value; if( (valueSelected == "2") || (valueSelected == "3") || (valueSelected == "46") || (valueSelected == "48")){ $("#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> <option value="5">Five</option> <option value="6">Six</option> </select> <br /> <div id="indoor-specifications">Hello World</div>