选择选项 HTML 时如何调用 Web 服务？

Question

我有两个选择选项 HTML：Category、subCategory 和 subCategory 必须是 Category 的依赖项（A item as Category 包含许多 subCategory）。

我的代码显示类别：

<select id="categoryID">
          @foreach($category as $item)                
              <option id="{{$item->id}}">{{$item->name}}</option>;                
          @endforeach
        </select>

子类别：

<select id="sub_category">
        @foreach($sub_category as $item)              
            <option>{{$item->name}}</option>;              
        @endforeach
      </select>

我希望当任何人在 Category 中选择一个项目时，它会调用类似“/change_category”的 Web 服务，并返回您选择的 Category 的新变量 $sub_category 依赖 ID。

不要考虑函数返回新变量$sub_category，我只想问：如何在选择选项时调用Web服务？谢谢。

Answer 1

<select id="categoryID" onchange="changeCategory(this)">
      @foreach($category as $item)                
          <option id="{{$item->id}}">{{$item->name}}</option>;                
      @endforeach
    </select>


 <script type="text/javascript">             
          function changeCategory(id){
            var category = id[id.selectedIndex].id;                
            $.ajax({
                      type: "POST",
                      url: url,
                      data: {
                        id: category
                      },
                      success: function (data) {
                       //push data here
                      }
                    });                
          }
        </script>