Question

我正在创建一个注册表单，并创建了仅根据所选值显示的隐藏字段。问题是我不知道如何根据所选的多个值显示字段。

例如：假设一个问题有一个带有可能答案A，B，C或D的下拉菜单，我了解如何获取隐藏字段以显示是否选择了一个答案，但无法显示如果他们选择A或B。

这是我的代码，希望它能显示我要执行的操作：

     $fields[] = new PMProRH_Field(
    "ahpraregistration",
    "text",
    array(  
    "depends"=>array(array('id' => "regsitrationlevel", 'value' => "holdslimited"||"holdsprovisional")),
            "label"=>"Please Provide Your AHPRA Registration Number",
            'required' => true,
            )
   ));

在这种情况下，如果选择“ holdslimited”或“ holdsprovisional”，我希望出现一个文本框，当前仅在使用一个值时才起作用。我需要使用哪种格式？我怎样才能做到这一点？谢谢！

Answer 1

我看不到任何简单的jQuery无法解决问题的原因。

(function($){
  $(document).ready(function(){

      function togglefield(){
          if($('select[name="foo"]').val() == 'holdsprovisional'){
              $('input[name="bar"]').css('display','');
          }else{
              $('input[name="bar"]').css('display','none');
          }
      }


      $('select[name="foo"]').change(function(){
          togglefield();
      });
      togglefield();
  });
})(jQuery);

   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<select name="foo" >
  <option value="holdslimited" >holdslimited</option>
  <option value="holdsprovisional" >holdsprovisional</option>
</select><br>
<input name="bar" />

问题是让我做更多的事情，您显然可以更好地完成JS，这只是为了表明隐藏或显示字段非常容易。

显示表单字段取决于多个答案

1 个答案: