Select2 with checkbox list for multiple selection but not getting values

Question

使用此代码，它可以工作。但没有在 $('form').serialize(); 中获取选定的值

$('.select2-multiple').select2MultiCheckboxes({
    placeholder: "Choose multiple elements",
})  


<div class="row">
<form id="search_vendor_form">
  <select name="sel-01[]" id="sel-01" class="select2-multiple">
    <option></option>
    <option value="AL">Alabama</option>
    <option value="CA">California</option>
    <option value="NY">New York</option>
    <option value="TX">Texas</option>
    <option value="WY">Wyoming</option>
  </select>
</div>
</form>
 <div class="row">
</div>
<div class="row">
</div>




jQuery(function($)
{
    $('.select2-multiple').select2MultiCheckboxes({
        placeholder: "Choose multiple elements",
    })`your text`
});
$(document).on('change','#sel-01',function(){
    console.log($(#search_vendor_form).serialize())
})

我想在ajax中发送表单值，但不进入console.log($(#search_vendor_form).serialize())

Answer 1

• You haven't put the selector in quotes. It must be a string.
• For some reason you seem to have "your text" as the string after the function, which is invalid and may be a bug.
• You need to put all your JS code into the wrapper jQuery(function($){ ... )} inside the function.
The
• element you opened was not closed properly, it seems you closed it before the

  element, so those two closing tags need to be switched.

The following should solve this problem:

HTML

<div class="row">
  <form id="search_vendor_form">
    <select name="sel-01[]" id="sel-01" class="select2-multiple">
      <option></option>
      <option value="AL">Alabama</option>
      <option value="CA">California</option>
      <option value="NY">New York</option>
      <option value="TX">Texas</option>
      <option value="WY">Wyoming</option>
    </select>
  </form>
</div>

<div class="row">
</div>
<div class="row">
</div>

JS

jQuery(function($){
  $('.select2-multiple').select2MultiCheckboxes({
      placeholder: "Choose multiple elements",
  });

  $(document).on('change','#sel-01',function(){
      console.log($('#search_vendor_form').serialize())
  });
});