如何根據另一個dropdowm的值顯示/隱藏下拉菜單

Question

我希望下拉菜單＃2根據下拉菜單中的值顯示/隱藏＃1.i發現如何在下拉菜單＃1的變化上執行此操作，但是我需要這只是在加載頁面。任何人都請幫助？

Answer 1

嘗試

$(function() 
{ 
var val=$("#dropdown1").val(); 
if(val=="0")//your value 
{ 
$("#dropdown2").hide(); 
} 
else 
{ 
    $("#dropdown2").show(); 
    } 
}); 

Answer 2

使用jQuery。 您可以檢查document.ready（）中下拉菜單的選定選項。 如果第一次下拉有預期值，則隱藏第二次。

採取

<script type="text/jscript"> 
    $(document).ready(function() { 
     debugger; 
     if ($('.ddl1 option:selected').text() == "Vinay") { 
      $(".ddl2").css('display', 'None'); 
     } 
    }); 
</script>