Select2 带有用于多重选择的复选框列表，但未获取值
P粉399585024
2023-08-31 17:54:42
[PHP讨论组]
<p>使用此代码，它可以工作。但没有在 $('form').serialize(); 中获取选定的值</p>
<pre class="brush:php;toolbar:false;">$('.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())
})</pre>
<p>我想在ajax中发送表单值，但不进入console.log($(#search_vendor_form).serialize())</p>
1
778
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
“your text”作为函数后面的字符串，这是无效的，并且可能是一个错误。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()) }); });