Skip to content
Related Articles

Related Articles

HTML | DOM Select remove() Method
  • Difficulty Level : Basic
  • Last Updated : 28 Mar, 2019
GeeksforGeeks - Summer Carnival Banner

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.

Syntax:

selectObject.remove(index)

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>
      
<head
    <title>
        HTML DOM Select remove Method
    </title
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksforGeeks
    </h1
      
    <h2 style="font-family: Impact;">
        Select remove Method
    </h2><br>
      
    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>
    </select>
      
    <p>
        To remove a selected course from the dropdown 
        list, double-click the "Remove" button.
    </p>
      
    <button ondblclick="myGeeks()">
        Remove
    </button>
      
    <!-- Script to use DOM Select remove Method -->
    <script>
        function myGeeks() {
            var d = document.getElementById("myCourses");
            d.remove(d.selectedIndex);
        }
    </script>
</body>
  
</html>                                                  

Output:

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

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

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :