Home/ Questions/Q 9194913
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:31:26+00:00

How do I go about deleting the selected option (highlighted option) from a select

  • 0

How do I go about deleting the selected option (highlighted option) from a select box (drop-down list)?

Expected result: Once a selection has been made from the select box, at the click of the button “Delete” the selected option.

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can add a javascript function:

    <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);
    }
  }
}
    • 0