How to remove all options from a dropdown using jQuery JavaScript

Question

I have a dropdown as seen below    lt select id  models  onchange  removeElements    gt               lt option id    remove  value  0  gt R8 lt  option gt               lt option id    remove  value  1  gt Quattro lt  option gt               lt option id    remove  value  2  gt A6 hatchback lt  option gt   lt  select gt    How would I create the script removeElements   that would remove all of the options within the select

User · Answer

Try this  function removeElements            models   html

User · Answer

Other approach for Vanilla JavaScript   for var o of document querySelectorAll   models  gt  option        o remove

User · Answer

You can either use  remove   on option elements       remove     Remove the set of matched elements from the DOM         models option   remove    or     models   remove  option      or use  empty   on select       empty     Remove all child nodes of the set of matched elements from the DOM         models   empty      however to repopulate deleted options  you need to store the option while deleting   You can also achieve the same using show hide       models option   hide      and later on to show them       models option   show

User · Answer

In case  empty   doesn t work for you  which is for me  function SetDropDownToEmpty                     dropdown   find  option   remove   end   append   lt option value  0  gt  lt  option gt         dropdown   trigger  liszt updated                   document  ready  SetDropDownToEmpty

User · Answer

Anyone using JavaScript  as opposed to JQuery   might like to try this solution  where  models  is the ID of the select field containing the list  -  var DDlist   document getElementById  models    while DDlist length gt 0  DDlist remove 0

User · Answer

You didn t say on which event Just use below on your event listener Or in your page load      models   empty     Then to repopulate    getJSON   Url Action  YourAction   YourController    function data    var dropdown     models    dropdown empty        each data  function  index  item        dropdown append              lt option gt                  value  item valueField              text  item DisplayField              lt  option gt

User · Answer

function removeElements          models   html

[javascript] How to remove all options from a dropdown using jQuery / JavaScript

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to select