2017-08-04 40 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

爲什麼這不起作用? –