Select2 隨附用於多重選擇的複選框列表，但未獲取值

Question

<p>使用此程式碼，它可以工作。但沒有在 $('form').serialize();中取得選定的值</p>

$('.select2-multiple').select2MultiCheckboxes({
    佔位符：“選擇多個元素”，
})



<表單 id="search_vendor_form">
  <選擇名稱=“sel-01[]” id＝“sel-01”； class="select2-multiple">
    <選項>
    <選項值=“AL”>阿拉巴馬州</選項>
    <選項值=“CA”>加州</選項>
    <選項值=“NY”>紐約</選項>
    <選項值=“TX”>德克薩斯州</選項>
    <選項值=“WY”>懷俄明州</選項>
  </選擇>

</表格>
 








jQuery(函數($)
{
    $('.select2-multiple').select2MultiCheckboxes({
        佔位符：“選擇多個元素”，
    })`你的文字`
});
$(文檔).on('更改','#sel-01',function(){
    console.log($(#search_vendor_form).serialize())
})</pre>
<p>我想在ajax中傳送表單值，但無法進入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())
  });
});