在提交laravel上重定向选定的选项

Question

点击提交后如何重定向我选择的选项？ 我正在尝试为不同的用户制作位于标题中的模态注册。当用户选择一个时，他们将被重定向到特定的注册页面。

这是来自我的header.blade.php

class App extends Component {       
   onClick(isClicked){
      console.log('isClicked', isClicked);
   };

   render() {
      return (
        <div id="form">
           <Checkbox onClick={this.onClick.bind(this)}/>
        </div>
      );
   }
}

routes.php文件

  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Choose Roles/Plan</h4>       
         <div class="input-field col s12">
           <select id="select-action" name = "action">
            <option value="" disabled selected>Choose your option</option>
            <option value="basicsignup">Basic</option>
            <option value="advancedsignup">Advanced</option>
            <option value="teamsignup">Team</option>
           </select>
         </div>
     </div>

      <div class="modal-footer">
          <button type="submit">Submit</button>
      </div>
  </div>

编辑：原始的例子是动物，鲜花，汽车..至少为了清晰而编辑它。

Answer 1

您只需使用JavaScript onsubmit函数调用JS函数，而不是获取所选值，然后您可以使用自定义网址提交表单。

示例

<form method="post" id="myForm" onsubmit="return submitForm()">
    <select id="select-action" name="action">
       <option value="" disabled selected>Choose your option</option>
       <option value ="animals">Animals</option>
       <option value ="flowers">Flowers</option>
       <option value ="cars">Cars</option>
    </select>
    <button type="submit">Submit</button>
</form>

<script type="text/javascript">

    function submitForm() {
        var selectedOption = $('#select-action').val();
        var url = "";
        if(selectedOption == 'animals') {
            url = '{{ route('your/route')}}';
        } else if (selectedOption == 'flowers') {
            url = '{{ route('your/route')}}';
        }
        .
        .
        .

        $('#myForm').attr('action', url);
        $('form#myForm').submit();
        return false;
    }
</script>