У меня есть раскрывающийся список, как показано ниже:

{amp}lt;select id="models" onchange="removeElements()"{amp}gt; {amp}lt;option id = "remove" value="0"{amp}gt;R8{amp}lt;/option{amp}gt; {amp}lt;option id = "remove" value="1"{amp}gt;Quattro{amp}lt;/option{amp}gt; {amp}lt;option id = "remove" value="2"{amp}gt;A6 hatchback{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; 

Как бы я создал скрипт removeElements() который бы removeElements() все опции в select?

Вы не сказали, на каком событии. Просто используйте ниже на вашем слушателе событий. Или в вашей странице загрузки

 $('#models').empty() 

Потом заселить

 $.getJSON('@Url.Action("YourAction","YourController")',function(data){ var dropdown=$('#models'); dropdown.empty(); $.each(data, function (index, item) { dropdown.append( $('{amp}lt;option{amp}gt;', { value: item.valueField, text: item.DisplayField }, '{amp}lt;/option{amp}gt;')) } )}); 

Вы можете использовать .remove () для элементов option:

.remove (): удалить набор соответствующих элементов из DOM.

  $('#models option').remove(); or $('#models').remove('option'); 

или используйте .empty () при выборе:

.empty (): Удалить все дочерние узлы набора соответствующих элементов из DOM.

  $('#models').empty(); 

однако для повторного заполнения удаленных параметров необходимо сохранить этот параметр при удалении.

Вы также можете добиться того же, используя show / hide:

 $("#models option").hide(); 

и позже, чтобы показать им:

 $("#models option").show(); 
 function removeElements(){ $('#models').html(''); } 

Попробуй это

 function removeElements(){ $('#models').html(""); } 

В случае если .empty () не работает для вас, что для меня

 function SetDropDownToEmpty() { $('#dropdown').find('option').remove().end().append('{amp}lt;option value="0"{amp}gt;{amp}lt;/option{amp}gt;'); $("#dropdown").trigger("liszt:updated"); } $(document).ready( SetDropDownToEmpty() ; ) 

Любой, кто использует JavaScript (в отличие от JQuery), может попробовать это решение, где ‘models’ — это идентификатор поля выбора, содержащего список: —

 var DDlist = document.getElementById("models"); while(DDlist.length{amp}gt;0){DDlist.remove(0);} 

Другой подход для Vanilla JavaScript:

 for(var o of document.querySelectorAll('#models {amp}gt; option')) { o.remove() }