首頁猿問即使我選擇多個值，Bootstra...

即使我選擇多個值，Bootstrap 多選仍顯示 0 選擇

PHP

慕的地6264312 2023-12-15 16:22:39

當我選擇多個值時，它會顯示在標簽中選擇的0。我認為 Javascript 有問題。看看這張圖片：https://photos.app.goo.gl/5Dxwt5gvuE277Uyw9我還想將所有值存儲在我的數據庫中。我應該將所有值存儲在數組中然后將其傳遞給 PHP 嗎？$(document).ready(function() { $("#multifield1 option:selected").each(function() { console.log(this.text); });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"><div class="col-lg-6"> <div class="form-group"> <strong>Area of Interest:</strong> <select id="multifield1" class="multiselect-ui form-control" multiple="multiple"> <option value="X">X</option> <option value="Y">Y</option> <option value="Z">Z</option> </select> </div></div>

查看完整描述

2 回答

叮當貓咪

TA貢獻1776條經驗獲得超12個贊

您需要使用onChange事件處理程序：

$('#multifield1').multiselect({

? ? onChange: function(option, checked) {

? ? ? ? var selectedItems = $("#multifield1 option:selected").length;

? ? ? ? console.log('selected items: ' + selectedItems);

? ? }

});

$('button.btn.btn-info').on('click', function(e) {

? ? var selectedItems = $("#multifield1 option:selected").length;

? ? console.log('Info btn: selected items: ' + selectedItems);

});

? ? <div class="form-group">

? ? ? ? <strong>Area of Interest:</strong>

? ? ? ? <select id="multifield1" class="multiselect-ui form-control" multiple="multiple">

? ? ? ? ? ? <option value="X">X</option>

? ? ? ? ? ? <option value="Y">Y</option>

? ? ? ? ? ? <option value="Z">Z</option>

? ? ? ? </select>

? ? </div>

</div>

反對回復 2023-12-15

智慧大石

TA貢獻1946條經驗獲得超3個贊

此代碼放置在您的 $(document).ready 事件處理程序中，這意味著它僅在頁面首次加載時執行。我假設最初在頁面加載時，尚未選擇任何內容。

您可以偵聽 select onchange 事件并在處理程序中使用您的代碼，以便每次更改 select 值時都會運行該代碼。

$(document).ready(function() {

$("#multifield1").on("change", function() {

$(this).find("option:selected").each(function() {

console.log(this.text);

});

})

});

反對回復 2023-12-15

阿波羅的戰車

TA貢獻1862條經驗獲得超6個贊

要將數組中的值發送到 PHP，您應該將“name”設置為您的選擇標簽的屬性如下所示：

<select name="test[]" id="multifield1" class="multiselect-ui form-control" multiple="multiple">

另外，不要忘記在標簽中創建表單并添加提交按鈕。

反對回復 2023-12-15

2 回答
0 關注
247 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

即使我選擇多個值，Bootstrap 多選仍顯示 0 選擇

即使我選擇多個值，Bootstrap 多選仍顯示 0 選擇

2 回答

添加回答

即使我選擇多個值，Bootstrap 多選仍顯示 0 選擇

即使我選擇多個值，Bootstrap 多選仍顯示 0 選擇