supprimer des éléments ajoutés

Question

J'ai sous ma forme une zone de liste.

<span> 
    <select size=5 id="submission_author_ids" name="submission[author_ids][]" multiple onfocus="displayOptions();"> </select> 
    </span> 

J'ai une fonction qui lit toutes les options dans la liste, puis l'ajoute dans un div. Le problème est que chaque fois que l'accent est mis sur la liste, les options sont ajoutées à la div. Cela peut entraîner une duplication. Je voudrais d'abord supprimer toutes les options ajoutées dans la div et ajouter à nouveau les options à chaque fois que la zone de liste reçoit le focus.

J'ai essayé le code ci-dessous mais il est ne semble pas fonctionner --- les options ne sont plus

$j('#spanSubmitters').remove(); 

Je vous serais reconnaissant si quelqu'un pouvait me aider avec cela.

Vive

Answer 1

Utilisez empty(). remove() supprime l'élément entier. empty() supprime simplement tous les nœuds enfants à l'intérieur.

$j('#spanSubmitters').empty(); 

Answer 2

Essayez ceci:

$j('#spanSubmitters').children().remove();