Select2 隨附用於多重選擇的複選框列表,但未獲取值
P粉399585024
P粉399585024 2023-08-31 17:54:42
0
1
591
<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())

P粉399585024
P粉399585024

全部回覆(1)
P粉311563823
  • 您尚未將選擇​​器放在引號​​中。它必須是一個字串。
  • 由於某種原因,您似乎將“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())
      });
    });
    
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板