如何从选择框（下拉列表）中删除选定的选项（突出显示的选项）？
预期结果：从选择框中进行选择后，单击“删除”按钮即可选择所选选项。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<select id="drop1" id="choices">
<option value="Red">Red</option>
<option value="Blue">Blue</option>
<option value="Yellow">Yellow</option>
<option value="Green">Green</option>
<option value="Orange">Orange</option>
<option value="Black">Black</option>
</select>
<input type="button" value="Delete" name="delete">
</body>
</html>
使用 jQuery 非常容易。我建议您使用该库。给你的删除按钮一个 ID：
$('#deletebtn').on('click', function(){
$('#drop1').find(':selected').remove();
});
一种 jquery-less 方式 -> 使用选择框对象的 remove 方法和 selectedIndex。
您可以添加一个javascript函数：
<input type="button" onclick="removeOptionSelected();" value="Delete" name="delete">
function removeOptionSelected()
{
var elSel = document.getElementById('drop1');
var i;
for (i = elSel.length - 1; i>=0; i--) {
if (elSel.options[i].selected) {
elSel.remove(i);
}
}
}