Come rimuovere tutte le opzioni da un menu a discesa utilizzando jQuery/JS

Question

Ciao a tutti ho un menu a discesa, come si vede qui sotto:

<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> 

come faccio a creare le removeElements script() che rimuovere tutte le opzioni all'interno del selezionare?

Answer 1

Non hai detto su cui event.Just utilizzare sotto il vostro evento listener.Or nel caricamento della pagina

$('#models').empty() 

Poi per ripopolare

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

Answer 2

È possibile utilizzare .remove() in opzione elementi:

.Rimuovere(): rimuovere l'insieme di elementi corrispondenti dal DOM.

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

o utilizzare .empty() su Seleziona:

.empty(): Rimuovere tutti i nodi figlio del set di elementi abbinati dal DOM.

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

opzioni comunque a ripopolare cancellati, è necessario memorizzare l'opzione durante l'eliminazione.

È inoltre possibile ottenere lo stesso mostra/nascondi utilizzando:

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

e successivamente per mostrare loro:

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

Answer 3

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

Answer 4

Prova questa

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

Answer 5

Nel caso in cui .empty() non funziona per te, che è per me

function SetDropDownToEmpty() 
{   
$('#dropdown').find('option').remove().end().append('<option value="0"></option>'); 
$("#dropdown").trigger("liszt:updated");   
} 

$(document).ready(
SetDropDownToEmpty() ; 
)