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

Question

我有两个 select 选项 HTML：类别、子类别和子类别必须依赖于类别（一个项目作为类别包含许多子类别）。

我要显示的代码类别：

<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>

我想当任何人 select 在类别中编辑一个项目时，它会调用像 '/change_category' 这样的 Web 服务，并且 return 新变量 $sub_category您 selected.

类别的依赖 ID

别想函数return新变量$sub_category，我只想问：selected选项时如何调用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>

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

How to call Web Service when selected option HTML?

html

web-services

html-select