1. 程式人生 > 其它 >點選刪除選中內容

點選刪除選中內容

這裡是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() } } }