javascript - .toggle 功能无法正常工作

Question

我使用下面的脚本来切换县菜单，如果在页面加载时选择了“英国”以外的任何国家/地区，并且如果用户在页面加载后选择了另一个国家/地区，我试图让它隐藏县菜单已加载，问题是如果在页面加载时选择“英国”，“县”菜单仍然隐藏，您必须先选择另一个国家/地区，然后选择返回“英国”才能显示县列表。

<script type="text/javascript">
    $(document).ready(function(){
       $(".selectWrapper").on("change", "select#country", function(){
          $("select.county").toggle($(this).val() == "United Kingdom");
       });
    });

    </script>



    <script type="text/javascript">
    $(document).ready(function() {
           if($("select.country") != "United Kingdom") {
          $("select.county").toggle();
          }
    });
    </script>

Answer 1

您在第二个 if 语句中缺少对 .val() 的调用!您当前正在将 jQuery 对象与字符串进行比较。

<script type="text/javascript">
    $(document).ready(function(){
       $(".selectWrapper").on("change", "select#country", function(){
          $("select.county").toggle($(this).val() == "United Kingdom");
       });
    });

    </script>



    <script type="text/javascript">
    $(document).ready(function() {
           if($("select.country").val() != "United Kingdom") {
          $("select.county").toggle();
          }
    });
    </script>