Question

我想在onclick之后用ajax加载选择的选项

我尝试使用jquery的onclick和click函数，但是不起作用

$(".myselect").on("click", function() {
  let thisv = $(this);
  $.ajax({
    url: "cargar_select_plazas",
    dataType: "JSON",
    type: "POST",
    data: {
      some: data
    },
    success: function(r) {
      let html = "";
      for (let x in r) {
        html += `<option value="` + r[x].theid + `">` + r[x].thenameproduct + `</option>`;
      }
      $(thisv).html(html);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control custom-select myselect">
</select>

Answer 1

据我所知jQuery不支持 select 元素上的 click 事件
将 select 放入 div 并在该 div 上绑定 click 事件将是
解决方法
但是，在这些方法中，请求将需要一段时间才能完成，在此期间用户将无法查看更新的选项。
在我的头上，更好的方法是将其绑定到 focus 事件，处理程序为此，首先显示一个加载程序，然后完成并处理请求和选项，最后删除装载机。

将onclick事件与select一起使用

1 个答案: