點選刪除選中內容
阿新 • • 發佈:2022-03-27
這裡是HTML內容
<form> <select id="colorSelect"> <option>Red</option> <option>Green</option> <option>White</option> <option>Black</option> </select> <input type="button" onclick="removecolor()" value="Select and Remove"> </form>
這裡是js檔案
通過dom獲取列表的每一項內容,最通過dom物件獲取按鈕選中的內容
通過if判斷選中的內容和列表的內容是否一樣,如果一樣就進行刪除操作
function removecolor() { // 獲取列表的每一項 let a = document.getElementById('colorSelect').children // 獲取按鈕的選擇的內容 let c = document.getElementById('colorSelect').value // 進行迴圈對比 for (let i = 0; i < a.length; i++) {// 進行對比 如果等於就進行刪除 if (a[i].value === c) { // 對元素進行刪除 a[i].remove() } } }