如何在Laravel中包含基于所选<select>选项的特定表单

<form method="POST" action="/submit-form">
  @csrf

  <label for="category">选择类别：</label>
  <select id="category" name="category">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </select>

  <div id="specific-form-1" style="display:none;">
    <!-- 特定于选项1的表单字段 -->
    <label for="field1">字段1：</label>
    <input type="text" id="field1" name="field1">
  </div>

  <div id="specific-form-2" style="display:none;">
    <!-- 特定于选项2的表单字段 -->
    <label for="field2">字段2：</label>
    <input type="text" id="field2" name="field2">
  </div>

  <div id="specific-form-3" style="display:none;">
    <!-- 特定于选项3的表单字段 -->
    <label for="field3">字段3：</label>
    <input type="text" id="field3" name="field3">
  </div>

  <button type="submit">提交</button>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#category').change(function() {
      var selectedCategory = $(this).val();

      // 隐藏所有特定表单字段
      $('[id^="specific-form"]').hide();

      // 显示与所选选项对应的特定表单字段
      $('#specific-form-' + selectedCategory).show();
    });
  });
</script>

// web.php
Route::post('/submit-form', 'FormController@submitForm');

// FormController.php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class FormController extends Controller
{
    public function submitForm(Request $request)
    {
        // 处理表单提交，并保存数据到数据库

        return redirect('/success');
    }
}