Remplissage dynamique d'une liste déroulante avec jQuery

Question

Comment supprimer toutes les valeurs d'une liste déroulante à l'aide de jQuery?

idnum = "item-7"; 

qui remplit une liste déroulante avec 7 éléments. Je pourrais avoir un "item-3" qui peuplerait une liste déroulante avec trois éléments. Ce que j'essaye de faire est de sélectionner un bouton qui pourrait avoir une valeur d'identification de "item-X" où X est le nombre d'entrées à remplir afin qu'il puisse être différent selon le bouton sur lequel je clique. Je veux effacer la liste de sélection et la repeupler avec un nombre différent sur chaque clic de bouton.

Voici mon code:

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

// alert('I was clicked, my id is ' + $(this).attr('id')); 
var idnum = $(this).attr('id'); 
var pos = idnum.lastIndexOf("-"); 
var num = idnum.substring(pos + 1); 

// alert("You have " + num); 

// var numbers = [1, 2, 3, 4, 5]; 
var numbers = new Array(num - 1); 

for (i = 0; i < num; i++) { 
    numbers[i] = i + 1; 
} 

for (i=0;i<numbers.length;i++){ 
    $('<option/>').val(numbers[i]).html(numbers[i]).appendTo('#items'); 
} 

J'ai essayé vide() et remove() et ils sont tous les deux ne fonctionne pas.

Answer 1

$('#items').html(''); 

va effacer vos options.