已解決430363個問題，去搜搜看，總會有你想問的

使用 JavaScript 在 Materialize CSS 中檢索選定值的多選

首頁猿問使用 JavaScript 在...

使用 JavaScript 在 Materialize CSS 中檢索選定值的多選

JavaScript

慕田峪9158850 2023-05-19 14:43:00

我在表單中使用Materialize CSS的多個選擇來選擇多個值。用戶界面工作正常，但我找不到檢索所有選定值的方法。我使用 onChange 事件處理程序來檢索值。但是，它返回的不是選定值的數組，而是僅返回列表中的第一個選定值。任何人都可以解釋如何使用JavaScript來進行如下所示的簡單多重選擇嗎？（不是通過使用 jQuery） <select id='mySelect' multiple> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>

查看完整描述

1 回答

守著星空守著你

TA貢獻1799條經驗獲得超8個贊

您可以通過這種方式獲得選擇：

HTML:

<option value="" disabled selected>Choose your option</option>

<option value="1">Option 1</option>

<option value="2">Option 2</option>

<option value="3">Option 3</option>

</select>

<label>Materialize Multiple Select</label>

document.addEventListener("DOMContentLoaded", function () {

const selects = document.querySelector("select");

const instances = M.FormSelect.init(selects, {});

const selectOption = document.querySelector("#option-select");

selectOption.addEventListener("change", function () {

const instance = M.FormSelect.getInstance(selectOption);

const selectedValues = instance.getSelectedValues();

console.log(selectedValues);

});

反對回復 2023-05-19

1 回答
0 關注
164 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

使用 JavaScript 在 Materialize CSS 中檢索選定值的多選

使用 JavaScript 在 Materialize CSS 中檢索選定值的多選

1 回答

添加回答