Select2 mit Kontrollkästchenliste für Mehrfachauswahl, aber keine Werte werden angezeigt
P粉399585024
2023-08-31 17:54:42
<p>Eine weitere Möglichkeit ist, $('form').serialize(); 中获取选定的值</p>
<pre class="brush:php;toolbar:false;">$('.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())
})</pre>
<p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.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()) }); });