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

Question

I have a dropdown as seen below:

<select id="models" onchange="removeElements()">             <option id = "remove" value="0">R8</option>             <option id = "remove" value="1">Quattro</option>             <option id = "remove" value="2">A6 hatchback</option> </select> 

How would I create the script removeElements() that would remove all of the options within the select?

Answer 1

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(         $('<option>', {             value: item.valueField,             text: item.DisplayField         }, '</option>'))       }      )});