effacement de la sélection à l’aide de jquery

Question

Est-il possible d’effacer le contenu d’un objet html select à l’aide de JQuery ? J’ai une fonction qui obtient une liste pour remplir la sélection et l’ajoute à la sélection, donc j’ai besoin d’un moyen d’effacer les données précédentes avant d’ajouter.

Answer 1

Si vous ne vous souciez pas des éléments enfants, par exemple , vous pouvez utiliser [](http://api.jquery.com/empty/) ...

Sinon, si vous souhaitez uniquement supprimerdes éléments, utilisez [](http://api.jquery.com/remove/) .

Answer 2

$('option', '#theSelect').remove();

Answer 3

En supposant une liste comme ci-dessous - et en supposant que certaines des options ont été sélectionnées ... (il s’agit d’une sélection multiple, mais cela fonctionnera également sur une seule sélection.

Dans une fonction appelée en fonction d’un événement, le code suivant effacerait toutes les options sélectionnées.

$(« #selectListName »).prop('selectedIndex', -1);

Answer 4

Voici un petit plugin jQuery qui (entre autres) peut vider une liste déroulante.

Il suffit d’écrire: