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

时间:2013-06-13 04:07:27

标签: html

我希望下拉列表#2根据下拉列表的值显示/隐藏#1.i发现如何在更改下拉列表#1时执行此操作,但我需要这个只是在页面加载时。任何人请帮助?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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