To remove an option from a drop-down list, use the remove method. Tabs Dropdowns Accordions Convert Weights Animated Buttons Side Navigation Top Navigation JS Animations Modal Boxes Progress Bars Parallax Login Form HTML Includes Google Maps Loaders Tooltips Slideshow Filter List Sort List.

HTML DOM Select add() Method

CSS Learn Colors Learn Bootstrap Learn Graphics Learn Icons Learn How To. JavaScript Learn JavaScript Learn jQuery Learn jQueryMobile Learn AngularJS Learn JSON Learn AJAX Learn W3. Server Side Learn SQL Learn PHP Learn ASP Learn Node.

Add or Append or Insert Options to Select Options by jQuery, JS

XML Learn XML Learn XML AJAX Learn XML DOM Learn XML DTD Learn XML Schema Learn XSLT Learn XPath Learn XQuery. CSS Reference Bootstrap Reference Icon Reference.

JavaScript JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference AngularJS Reference W3. JS Reference XML XML Reference XML Http Reference XSLT Reference XML Schema Reference.

Charsets HTML Character Sets HTML ASCII HTML ANSI HTML Windows HTML ISO HTML Symbols HTML UTF-8 Server Side PHP Reference SQL Reference ASP Reference. CSS Templates Bootstrap Examples.

JavaScript JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples W3. Server Side PHP Examples ASP Examples XML XML Examples XSLT Examples XPath Examples XML Schema Examples SVG Examples. Quizzes HTML Quiz CSS Quiz JavaScript Quiz Bootstrap Quiz jQuery Quiz PHP Quiz SQL Quiz XML Quiz. Example Add a "Kiwi" option at the end of a drop-down list: Example Add a "Kiwi" option at the beginning of a drop-down list: Example Add a "Kiwi" option at index position "2" of a drop-down list: Example Add an option before a selected option in a drop-down list: LEARN MORE Tabs Dropdowns Accordions Convert Weights Animated Buttons Side Navigation Top Navigation JS Animations Modal Boxes Progress Bars Parallax Login Form HTML Includes Google Maps Loaders Tooltips Slideshow Filter List Sort List.

Your message has been sent to W3Schools. Top 10 Tutorials HTML Tutorial CSS Tutorial JavaScript Tutorial W3. CSS Tutorial Bootstrap Tutorial SQL Tutorial PHP Tutorial jQuery Tutorial Angular Tutorial XML Tutorial. Top 10 References HTML Reference CSS Reference JavaScript Reference W3.

javascript - How do you remove all the options of a select box and then add one option and select it with jQuery? - Stack Overflow

CSS Reference Browser Statistics PHP Reference HTML Colors HTML Character Sets jQuery Reference AngularJS Reference. Top 10 Examples HTML Examples CSS Examples JavaScript Examples W3. CSS Examples HTML DOM Examples PHP Examples ASP Examples jQuery Examples Angular Examples XML Examples.

Web Certificates HTML Certificate CSS Certificate JavaScript Certificate jQuery Certificate PHP Certificate Bootstrap Certificate XML Certificate. W3Schools is optimized for learning, testing, and training.

Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use , cookie and privacy policy. Copyright by Refsnes Data.

An integer that specifies the index position for where the new option element should be inserted. Index starts at 0. If no index is specified, the new option will be inserted at the end of the list.