jquery - 在选择更改时隐藏/显示其他输入元素？

Question

典型的菜鸟问题。 :-)我查看了这里提出的一些类似问题，解决方案对我来说太复杂了，无法使其发挥作用。还是它们真的不起作用？无论如何，此代码的作用是当所选选项是美国/非美国时隐藏/显示省份输入。默认选择是值为 United States 的选项。为了使其与其他选项区分开来，我为它指定了 class=us，为其他选项指定了 class=notus。

  function showhideProvinceInput(){
     if($("#countries option[class='notus']")){
      $('#provincelabel').fadeIn("slow");
      $('#provinceinput').fadeIn("slow");
     }
     if($("#countries option[class='us']")) {
      $('#provincelabel').fadeOut(0);
      $('#provinceinput').fadeOut(0);
     }
    }

    $(document).ready(function(){ 
        $('#countries').change(function() {
            showhideProvinceInput();
       });
   });

它部分有效，至少在“show”情况下是这样。部分原因是输入显示然后在 1 秒左右的时间内隐藏。我还没有尝试隐藏它，因为显示它还没有完全发挥作用。 :-) 有什么帮助吗？

Answer 1

我认为您缺少选择器的一部分 - 您想检查所选选项是否具有 notus 类:

function showhideProvinceInput(){
     if($("#countries option:selected").hasClass("notUs")){
      $('#provincelabel').fadeIn("slow");
      $('#provinceinput').fadeIn("slow");
     }
     else {
      $('#provincelabel').fadeOut(0);
      $('#provinceinput').fadeOut(0);
     }
    }