Question

我正在尝试创建一个动态表单视图，但没有控制器，只有jQuery，但我不知道如何隐藏表单的内容。

首先，我必须选择用于注册的用户类型和select html，并且根据用户的类型，我想在我的表单中显示不同的输入。

所以，这是我的register.blade.php脚本：

    $(document).ready(function(){
      $('#nextStep').hide();
      $('#type').on('change',function(){
        if ($('#type').val()=='seller') {
          $('#nextStep').show();
          $('#sellerForm').show();
          $('#providerForm').hide();

        }
        else if ($('#type').val()=='provider') {

          //document.write($('#type').val());

          //document.write($('#sellerForm'));
          $('#nextStep').show();
          $('#providerForm').show();

        }


        else{
          $('#nextStep').hide();
        }
      }

        );


  });

nextStep是表单上的分隔符。
表单ID是sellerForm和providerForm。

问题是我没有隐藏第二个内容，所以，我会在同一个视图中有两个或更多个表单，而且，我无法添加更多表单。

Answer 1

尝试使用以下JS代码，

<script> 
$('#type').change(function(){ 
  if($(this).val() == 'seller') { 
    $('#provider').hide(); 
    $('#seller').show(); 
  } 
  else if($(this).val() == 'provider') { 
    $('#seller').hide(); 
    $('#provider').show(); 
  } 
  else { 
    $('#seller').hide(); 
    $('#provider').hide(); 
  } 
});

另外，添加以下css代码

<style type="text/css">
    #provider, #seller {
        display: none;
    }
</style>

动态表单jQuery显示

1 个答案: