Bascule automatique entre deux listes ?

Bonjour,
Sur une page web JSP, je dispose de deux listes.
La liste1 (<select></select>) est remplie au chargement de la page.
La liste2 (<select></select>) est remplie un peu plus tard avec des infos d'un ArrayList :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<% ArrayList<Colonne> liste =(ArrayList<Colonne>)request.getAttribute("liste");   int totalCol = liste.size(); %> <select id="colonnes" name="colonnes" size="10"> <% for(int nbCol=0 ; nbCol<totalCol ; nbCol++ ){ %> <option value="<%= liste.get(nbCol).getId() %>"><%= liste.get(nbCol).getNom() %></option> <% } %> </select>

---

Au moment de la création de la liste2 (code ci-dessus), j'aimerais qu'à chaque ajout d'un élément dans liste2, qu'il y ait un appel d'une fonction javascript qui permettra de supprimer les éléments de liste1 présents dans la liste2.
Je n'arrive pas à trouver de solution.
Merci

ben au moment de remplir la 2 fait un removechild sur la 1 en scnaant les optiosn pour trouver la bonne en testant son innerHTML ou sa value ...

Oui mais comment j'appelle ma fonction "removeChild" ?
Le onChange sur le select de la liste2 ne marche pas.

a quel moment le chargement de la seconde liste se fait il ?
un bout de code js nous aiderait :roll:

tu peux t'inspirer de ça : http://www.developpez.net/forums/d59...s-liees-entre/

Le chargement de la seconde liste se fait lorsque je clique sur un bouton radio. Voici le code js, si ça peut aider :

Code:

---

1 2 3 4 5 6

function chargementListe2() { var url = 'liste2.jsp'; var pars = 'liste:2'; var target = 'liste2'; var inesAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars}); }

---

Une fois que je clique sur mon bouton radio, je récupère des données que je stocke dans un ArrayList et ensuite, je charge ma liste2 (voir code post plus haut).

docn il te suffit pour chaque option de la liste2 de parcourrir les options de la liste1 jusqu'a trouver une egalité de values et faire un removeChild ...

C'est tout à fait cela...
Ou encore, à chaque fois que je créé une option de liste2, je la recherche dans liste1 pour la retirer.
Sauf que je ne sais pas trop comment me débrouiller pour le faire automatique (sans action de l'utilisateur, mais directement à la création de chaque option de liste2)

ça revient à un transfert entre listes... donc pas besoin de remove;

Oui JT je sais un simple appendChild deplace les options, masi en l'occurrence il crée déja les options dans la seconde liste, d'ou le removeChild dans la première

Salut,
Un post du même genre pour la transfert d'option d'un select
http://www.developpez.net/forums/d73...xte-zone-vers/

Les solutions proposées sont des solutions qui fonctionnent sur action de l'utilisateur.
J'aimerais pouvoir supprimer dans liste1 les éléments de liste2 sachant que ma liste1 est déjà créée et affichée, c'est-à-dire qu'au moment où j'implémente

Code:

---

1 2 3 4 5

for(int nbCol=0 ; nbCol<totalCol ; nbCol++ ){ %> <option value="<%= liste.get(nbCol).getId() %>"><%= liste.get(nbCol).getNom() %></option> <% }

---

j'aimerais vérifier si l'élément courant existe dans liste1 et si c'est le cas, le supprimer de liste1.
Pour l'instant, la seule solution que j'ai, c'est de remplir les deux ArrayList en même temps (avant affichage) puis de les parcourir en supprimant les éléments de liste2 présents dans liste1. Ensuite, je n'ai plus qu'à afficher les éléments restant de liste1 (sans ceux présents dans liste2) et de liste2. C'est une autre possibilité! Celle pour laquelle j'ai ouvert ce post m'intéresse toujours...

que ce soit déclenché par l'utilisateur ou automatiquement au chargement le script est exactement le même tout ce qui change c'est l'appel ...
sur le onchange dans un cas, sur le onload du body dans l'autre !