Javascript 从选择框中删除所选选项_Javascript

Javascript 从选择框中删除所选选项

javascript

Javascript 从选择框中删除所选选项,javascript,Javascript,如何从选择框（下拉列表）中删除所选选项（突出显示的选项）预期结果：从选择框中选择后，单击“删除”按钮即可删除所选选项 <!DOCTYPE html> <html> <head> </head> <body> <select id="drop1" id="choices"> <option value="Red">Red</option> <option value="Blue"

如何从选择框（下拉列表）中删除所选选项（突出显示的选项）

预期结果：从选择框中选择后，单击“删除”按钮即可删除所选选项

<!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方法->使用select box对象的移除方法并选择索引

您可以添加一个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);
    }
  }
}


函数removeOptionSelected（）
{
var elSel=document.getElementById（'drop1'）；
var i；
对于（i=elSel.length-1；i>=0；i--）{
如果（elSel.options[i].选中）{
删除（i）；
}
}
}