html - 如何根据另一个 dropdowm 的值显示/隐藏下拉列表

Question

我希望下拉 #2 根据下拉 #1 上的值显示/隐藏。我发现如何在下拉 #1 更改时执行此操作，但我只需要在加载页面时使用它。有人可以帮忙吗？

Answer 1

使用 Jquery。您可以检查 document.ready() 中下拉菜单的选定选项。如果第一个下拉列表具有预期值，则隐藏第二个。

拿

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

Answer 2

尝试

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