我如何基于另一个组合框更新组合框,我有此代码,但无法正常工作,有人可以帮助我。谢谢

  <select name="marca" id="marca" onchange="javascript:carregaModelos(this.value)" >
    <option th:each="marca : ${marcas}"
      th:value="${marca.idmarca}"
      th:text="${marca.nomemarca}">Marca</option>
</select>

     <select   name="modelo" id="modelo">
  <option th:each="modelo : ${modelos}"
      th:value="${idmodelo}"
      th:text="${nomemodelo}">Modelo</option>
     </select>


<script type="text/javascript">
   function carregaModelos(marca) {
 var opcao = $(this).('#marca option')
 console.log(opcao);
 jQuery("#modelo").load( "pesquisa/" + opcao);
 return false;


}


和这个

 @RequestMapping("/pesquisa/{idmarca}")
    public String pesquisa(ModelMap model, @PathVariable Long idmarca) {
        model.addAttribute("modelo", service.obterModelosByMarcas(idmarca));
        return "index";

最佳答案

将具有值的属性添加到目标元素。

data-target-sync="#targetElementId"


  该值为jQuery选择器,因此#包含在目标元素的ID中




$(document).ready(function() {

  $('[data-target-sync]').change(function() {

    var cur = $(this);

    $(cur.attr('data-target-sync')).val(cur.val());

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="marca" id="marca" data-target-sync="#modelo">
  <option value="a">A</option>
  <option value="b">B</option>
  <option value="c">C</option>


</select>

<select name="modelo" data-target-sync="#marca" id="modelo">
  <option value="a">A</option>
  <option value="b">B</option>
  <option value="c">C</option>

</select>

09-10 05:34
查看更多