Question

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

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

<!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>

Answer 1

使用jQuery非常容易。我建议你使用那个库。给删除按钮一个ID：

$('#deletebtn').on('click', function(){
    $('#drop1').find(':selected').remove();
});

http://jsfiddle.net/rWcne/

Answer 2

无jquery方式 - ＆gt;使用选择框对象的remove方法和selectedIndex。

http://www.w3schools.com/jsref/met_select_remove.asp

Answer 3

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

从选择框中删除所选选项

3 个答案: