HTML DOM remove() Method
Complete Select Object Reference
Definition and Usage
The remove() method is used to remove an option from a dropdown list.
Syntax
selectObject.remove(index)
|
| Parameter |
Description |
| index |
Required. Specifies the index of the option to remove |
Example
The following example removes the selected option from the drop down list:
<html>
<head>
<script type="text/javascript">
function removeOption()
{
var x=document.getElementById("mySelect")
x.remove(x.selectedIndex)
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="removeOption()"
value="Remove option">
</form>
</body>
</html>
|
Try-It-Yourself Demos
Remove
the selected option from a dropdown list
Remove the last option from a dropdown list
Complete Select Object Reference
|