用户对问题“select2不能正确触发更改事件”的回答

select2不能正确触发更改事件

<form id="xform">
<select id="xselect">
  <option value="A" selected="selected">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>
<input type="email" class="input-text" name="test"  placeholder="" value="test">
</form>
<button onclick="trigger()">change</button>

$('#xselect').select2({
  placeholder: 'Select a letter'
var formFrom = document.querySelector('#xform');
formFrom.addEventListener('change', function(e) {
  console.log('input changed ');
  $('#xselect').trigger('change');
function trigger() {
  $('#xselect').val('C');
  $('#xselect').trigger('change');
}

$('#xselect').select2({
  placeholder: 'Select a letter'
.on('change', function(e) {
  console.log('input changed ');
function trigger() {
  $('#xselect').val('C');
  $('#xselect').trigger('change');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css">
<form id="xform">
  <select id="xselect">
    <option value="A" selected="selected">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
  </select>
  <input type="email" class="input-text" name="test" placeholder="" value="test">
</form>

select2不能正确触发更改事件

3 个回答