Html 如何使下拉选择框成为表单？

我的想法是使用这两个

选择框

来过滤用户表中的数据

html代码：

<select name="category_id" required>
  <option value=""> Category </option>
     @foreach (\App\Category::all() as $category)
        <option value="{{ $category->id }}">{{ $category->name }}</option>
     @endforeach
</select>

<select name="governorate_id" required>
   <option value=""> Governorate </option>
      @foreach (\App\Governorate::all() as $governorate)
         <option value="{{ $governorate->id }}">{{ $governorate->name }}</option>
      @endforeach
</select>

路线连接：

 Route::get('top-users', 'TopUserController@index')->name('TopUsers');

我停下来，直到我不知道如何在选择任何

类别

或

省

筛选数据时使这些表单类似：（

类别
@foreach（\App\Category:：all（）作为$Category）
{{$category->name}
@endforeach

当用户在此处选择任何选项时，更改将被触发，表单将被提交。

类别
@foreach（\App\Category:：all（）作为$Category）
{{$category->name}
@endforeach

---

此处，当用户选择任何选项时，更改将被触发，表单将被提交。

您想在用户选择时发布数据，还是创建一个搜索框来过滤选择下拉列表？@AnujShrestha根据选择下拉列表过滤用户数据，而无需按钮提交意味着当我选择这些选择b中的任何选项时ox立即发送请求获取并填充用户的数据您应该使用javascript的onchange事件属性来实现这类功能。检查我的回答您想在用户选择时发布数据，还是创建搜索框来过滤选择下拉列表？@AnujShrestha根据选择下拉列表过滤用户数据，而无需点击n提交意味着当我选择这些选择框中的任何选项时，立即发送请求获取并填充用户数据。你应该使用javascript的onchange事件属性来实现这类功能。请检查我的回答谢谢，但有一个问题，这是一个问题，如果两个都是一种形式呢？我只是尝试两个链接显示如下：（？category_id=&governorate_id=1。）我只选择governorate_id，如果一个显示一个，如果两个都显示在一个表单中，该如何处理？您可以将两个select包装在同一个表单上，并在两个select输入元素上添加“onchange”事件属性是的，我这样做了，但看到链接发生了什么（？category_id=&governorate_id=1。）如果我只选择其中一个谢谢你，但有一个问题，这是一个如果两个都在一个表格中怎么办？我只是尝试两个链接显示如下：（？category_id=&provergeorate_id=1。）我只选择provergeorate_id如何使一个显示一个如果两个都在一个表格中显示一个？你可以将两个选择包装在同一个表格中并添加“onchange”两个select输入元素上的event属性是的，我这样做了，但是如果我只选择两个元素中的一个，就会看到链接发生了什么（？category_id=&proventorate_id=1）

 Route::get('top-users', 'TopUserController@index')->name('TopUsers');

  <form action="{{route('where you want to submit')}}">

     <select name="category_id" onchange="this.form.submit()" required>
          <option value=""> Category</option>
           @foreach (\App\Category::all() as $category)
               <option value="{{ $category->id }}">{{ $category->name }}</option>
           @endforeach
     </select>
   </form>