为什么使用 select2 时 onchange 事件不起作用答案

【问题标题】：Why onchange event doesnt work when select2 is used为什么使用 select2 时 onchange 事件不起作用
【发布时间】：2022-11-03 23:34:23
【问题描述】：

这是我写的代码，

<div class="col-12 row ">
  <div class="col-8">
    <div class="form-group">
      <label for="exampleInputUsername2">Quotation Closure<span class="danger" style="color: red;"> *</span></label>
      {{form.quotation_closure}}
    </div>

  </div>
  <div class="col-4 mt-3">
    <div class="form-group">
      <label for=""></label>
      <select name="" id="quotation_closure" class="form-control closure ">
        <option value="">Select Qtn Closure</option>
        {% for i in quotation_masters_closure %}
        <option value="{{i.id}}">{{i.name}}</option>
        {% endfor %}
      </select>

    </div>

  </div>
</div>

我的 JQuery 代码，

$('#quotation_closure').on('change', function (e) {
  e.preventDefault()

  console.log("hai")
  master_id = $(this).val()
  console.log(master_id)



  $.ajaxSetup({
    headers: { "X-CSRFToken": '{{csrf_token}}' }
  })
  $.ajax({
    type: 'POST',
    url: "{% url 'select_qtn_closure' %}",
    data: {
      'master_id': master_id

    },
    success: (data) => {

      CKEDITOR.instances["id_quotation_closure"].setData(data)

    }

  })

})

我在我的项目中使用了Select2 选择框。在选择中选择一个选项时，我必须在另一个文本框中填写数据。但是 select 的 onchange 事件不起作用。如果我使用普通的 HTML 选择框，它可以完美运行。谁能帮助我哪里出错了？

【问题讨论】：

标签： html jquery django jquery-select2

【解决方案1】：

尝试为Select2 使用此事件处理程序设置，可能是由于 JQuery 版本：

$(document).on('change', '#quotation_closure', function (e) {
  // your code
});

【讨论】：