Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Select remove() Method

Improve Article
Save Article
Like Article
  • Difficulty Level : Basic
  • Last Updated : 11 Jul, 2022
Improve Article
Save Article
Like Article

The Select remove() method in HTML DOM is used to remove an option from a drop-down list. This method accepts the index number as a parameter to removing the option from the desired position. 



Parameters: It contains single parameter index which is mandatory and used to specify the index position of the element to be removed. 

Below program illustrates the Select remove() method in HTML DOM: 

Example: This example uses select remove() method to removing the selected option from the drop-down list. 


<!DOCTYPE html>
        HTML DOM Select remove Method
<body style="text-align:center;">
    <h1 style="color:green;">
    <h2 style="font-family: Impact;">
        Select remove Method
    Select your preferred course from
    the drop-down list:<br>
    <select id="myCourses" size="8">
        <option value="C++">c++</option>
        <option value="Placement">Placement</option>
        <option value="Java">Java</option>
        <option value="Python">Python</option>
        To remove a selected course from the dropdown
        list, double-click the "Remove" button.
    <button ondblclick="myGeeks()">
    <!-- Script to use DOM Select remove Method -->
        function myGeeks() {
            var d = document.getElementById("myCourses");


  • Before Clicking the button: 
  • After clicking the button: 

Supported Browsers: The browser supported by Select remove() Method are listed below:

  • Apple Safari 3 and above
  • Internet Explorer 5.5 and above
  • Firefox 1 and above
  • Google Chrome 1 and above
  • Edge 12 and above
  • Opera 12.1 and above

My Personal Notes arrow_drop_up
Like Article
Save Article
Related Articles

Start Your Coding Journey Now!