通过选择显示/隐藏div

时间:2017-04-27 18:40:29

标签: javascript jquery

为什么这不起作用?我不确定我做错了什么。我确信jQuery正在使用WordPress页面。

<script type="text/javascript">
jQuery("#rejestracja-1").bind('change', function(event) {
           var info= jQuery("#abc-24").val();
            if(info=="czynny")
             {
             jQuery(".udzialfull").show();
             }
           elseif(info=="bierny")
             {
               jQuery(".udzialfull").hide();
              }
});
</script>




<form id="rejestracja-1"  method="post" enctype="multipart/form-data">

Rodzaj udziału 
<select id="abc-24">
<option value="czynny" selected='selected'>czynny</option>
<option value="bierny">bierny</option>
</select>

<fieldset class="udzialfull">
szczegoly
</fieldset>

1 个答案:

答案 0 :(得分:0)

您的语法不正确。

您正在编写 elseif 而不是else if

jQuery("#rejestracja-1").bind('change', function(event) {
  var info = jQuery("#abc-24").val();
  if (info == "czynny") {
    jQuery(".udzialfull").show();
  }
  else if(info == "bierny") {
    jQuery(".udzialfull").hide();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="rejestracja-1" method="post" enctype="multipart/form-data">
  Rodzaj udziału
  <select id="abc-24">
    <option value="czynny" selected='selected'>czynny</option>
    <option value="bierny">bierny</option>
  </select>
  <fieldset class="udzialfull">
    szczegoly
  </fieldset>
</form>