点击删除选中内容

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