En cliquant sur un bouton, effacez la liste déroulante remplie

Question

J'ai une liste déroulante qui est remplie dynamiquement. J'ai un bouton qui doit effacer la liste déroulante quand l'utilisateur le souhaite.

test.html

<select id="test"> 
<option></option> 
</select> 
<input type="button" id="refresh" /> 

ici ma balise select est dynamiquement à. Une fois que je clique sur le bouton d'actualisation, les valeurs remplies doivent être effacées. Comment dois-je procéder?

Answer 1

Utilisez le code suivant.

$('#refresh').click(function(e) 
{ 
    $('#test').empty(); 
}); 

Answer 2

Uee suivant

$('#refresh').click(function() 
{ 
    $("#test").html(""); 
}); 

moyens Expty HTML dans la liste déroulante en cliquant dessus.

Cochez ici La réponse .html de Şhȇkhaṝ ("") est beaucoup plus rapide que vide(). here

Answer 3

Cela effacera le menu déroulant des valeurs:

document.getElementById(‘drpFruits’).options.length=0; 

Answer 4

les opérations suivantes:

document.getElementById('refresh').addEventListener('click', function() { 
    document.getElementById('test').innerHTML = ''; 
}); 

Pas jQuery, le code javascript natif propre.

Working fiddle.

Answer 5

var refreshBtn = document.getElementById("refresh");  
refreshBtn.addEventListener('click', function(event) { 
document.getElementById("test").options.length = 0; 
}