点击删除选中内容

目录

• 这里是HTML内容
• 这里是js文件

 

---

作者：@生活在北极的企鹅
本文为作者原创，转载请注明出处：https://www.cnblogs.com/BJQE/p/16061886.html

---

Top

这里是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>

Top

这里是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()
      }
    }
  }

 

---

如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。