HTML中的
<select multiple> <option value="option1">選項1</option> <option value="option2">選項2</option> <option value="option3">選項3</option> <option value="option4">選項4</option> </select>
如上代碼,使用了<select multiple>,表示允許多選。接下來是
在用戶選擇選項后,我們可以使用JavaScript代碼獲取所選選項的值。在獲取select元素之后,我們可以訪問options屬性,它返回一個Option對象集合。每個Option對象包含了選項的值和文本。
const selectElement = document.querySelector('select'); const selectedOptions = Array.from(selectElement.options) .filter(option =>option.selected) .map(option =>option.value); console.log(selectedOptions);
在上面代碼中,我們首先獲取了select元素,然后通過options屬性和Array.from()方法將Option對象集合轉換為數組。接著,我們使用filter()函數將選中的選項篩選出來,最后使用map()函數獲取選中選項的值。最后,我們將所選選項的值打印到控制臺。
以上就是HTML
下一篇js 鏈表vue