Select2 mit Kontrollkästchenliste für Mehrfachauswahl, aber keine Werte werden angezeigt

Question

Eine weitere Möglichkeit ist, $('form').serialize(); 中获取选定的值

$('.select2-multiple').select2MultiCheckboxes({
    Platzhalter: „Mehrere Elemente auswählen“,
})  


<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">Kalifornien</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(Funktion($)
{
    $('.select2-multiple').select2MultiCheckboxes({
        Platzhalter: „Mehrere Elemente auswählen“,
    })`Ihr Text`
});
$(document).on('change','#sel-01',function(){
    console.log($(#search_vendor_form).serialize())
})

Answer 1

• 您尚未将选择器放在引号中。它必须是一个字符串。
• 由于某种原因，您似乎将“your text”作为函数后面的字符串，这是无效的，并且可能是一个错误。
• 您需要将所有 JS 代码放入包装 jQuery(function($){ ... )} 函数的内部。
• 您打开的
  元素未正确关闭，您似乎在

  元素之前关闭了它，所以这两个结尾标签需要切换。

下面应该可以解决这个问题：

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())
  });
});