如何在单击时从html选定列表框中删除这些值

<select id="myList">
  <option value="value1">Value 1</option>
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
</select>

<button onclick="deleteSelected()">删除选定值</button>

function deleteSelected() {
  var selectBox = document.getElementById("myList");
  var selectedValues = [];

  // 获取选定的值
  for (var i = 0; i < selectBox.options.length; i++) {
    if (selectBox.options[i].selected) {
      selectedValues.push(selectBox.options[i].value);
    }
  }

  // 从列表框中删除选定的值
  for (var i = 0; i < selectedValues.length; i++) {
    for (var j = 0; j < selectBox.options.length; j++) {
      if (selectBox.options[j].value === selectedValues[i]) {
        selectBox.remove(j);
        break;
      }
    }
  }
}

<button onclick="deleteSelected()">删除选定值</button>