Afficher la sélection d'une liste à choix multiple dans une autre liste

**baggie** · 03/03/2009, 16h27

Bonjour,

j'ai recherché si mon problème avait déjà été posé, et je n'ai pas trouvé. Bref.

J'ai une liste à choix multiple remplie avec ma base de données.
Quand on sélectionne un élément "elem1" dans la liste, et que l'on appuie sur un bouton "ajout" à côté, "elem1" doit s'afficher dans la seconde liste à choix multiple.

J'ai trouvé comment faire avec des valeurs ne provenant pas de la base de données, mais mélanger du javascript avec des listes remplies grâce à PHP/MySQL, je ne vois pas bien comment faire ...

Voici ce que j'ai comme code pour le moment (trouvé sur le web) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script language="JavaScript">
function moveItem1To2 () {
  var i1 = document.testForm.list1.selectedIndex;
  var text1 =  document.testForm.list1.options[i1].text;
  var value1 = document.testForm.list1.options[i1].value;
  var list2 = document.testForm.list2;
  list2.options[list2.options.length]= new Option(text1 ,value1);
  document.testForm.list1.remove(i1);
}
function moveItem2To1 () {
  var text1 =  document.testForm.list2.options[document.testForm.list2.selectedIndex].text;
  var value1 = document.testForm.list2.options[document.testForm.list2.selectedIndex].value;
  var list1 = document.testForm.list1;
  list1.options[list1.options.length]= new Option(text1,value1);
  document.testForm.list2.remove(document.testForm.list2.selectedIndex);
}
</script>
 
 
<body>
 
<form name="testForm">
<select name="list1" onChange="moveItem1To2()" size=5>
<script language="javascript">
var list1 = document.testForm.list1;
list1.options[list1.options.length] = new Option('Pomme','P1');
list1.options[list1.options.length] = new Option('Poire','P2');
list1.options[list1.options.length] = new Option('Peche','P3');
list1.options[list1.options.length] = new Option('Poivre','P4');
list1.options[list1.options.length] = new Option('Prune','P5');
list1.options[list1.options.length] = new Option('Abricot','A1');
</script>
</select>
<select name="list2" onChange="moveItem2To1()" size=5>
<option value="1">Pomme
</select>
</form>

Y'a-t-il un moyen de remplacer "pomme, poire, pêche ..." par les données de ma table ?

**SpaceFrog** · 03/03/2009, 16h39

as tu fais une recherche avec "liste deroulantes liées"

**baggie** · 03/03/2009, 18h10

Malheureusement je dois faire un changement. Je n'ai plus une liste déroulante à choix multiple, mais deux listes déroulantes simples (liées entre elles).

Une fois que j'ai fait ma sélection, j'obtiens une variable avec les deux valeurs (choix_liste1+choix_liste2) et je dois appuyer sur le bouton pour afficher cette variable dans la liste à choix multiple (donc une troisième liste).

J'ai essayé d'afficher ma variable dans la liste3 sans passer sur le bouton. Ca ne m'affiche que la première valeur sélectionnée dans la liste1. Pas la valeur sélectionnée dans la liste2.
Y'a-t-il une erreur dans mon code ? Le $selection est peut-être mal placé ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$req_liste1 = mysql_query("SELECT id_prestation,nom_prestation FROM prestation WHERE id_type_prestation LIKE '$id_type' ;");
echo '<tr><td><select name="prestations" onchange="this.form.submit();">';
echo '<option>Choisissez dans la liste</option>';
while ($donnees = mysql_fetch_array($req_liste1)) 
{  
	$selected = (isset($_POST['prestations']) && $_POST['prestations'] == $donnees['id_prestation'])? " selected":""; 
	echo '<option value="'.$donnees['id_prestation'].'"'. $selected.'">'.$donnees['nom_prestation'].'</option>';
	$presta = $_POST['prestations'];
}
echo '</select></td>';
		
// Fournisseur associé à la prestation sélectionnée
$req_liste2 = mysql_query("SELECT F.raison_sociale FROM fournisseur F
		JOIN fournisseur_prestation FP ON F.id_fournisseur = FP.id_fournisseur WHERE FP.id_prestation LIKE '$presta';");
echo '<td><select name="fournisseurs" onchange="this.form.submit();">';
while ($donnees = mysql_fetch_array($req_liste2)) 
{  
	$selected = (isset($_POST['fournisseurs']) && $_POST['fournisseurs'] == $donnees['id_fournisseur'])? " selected":"";
	echo '<option value="'.$donnees['id_fournisseur'].'"'. $selected.'">'.$donnees['raison_sociale'].'</option>';
	$four = $_POST['fournisseurs'];
        // Variable composée des choix faits dans liste1 et liste2
	$selection = $presta.'-'.$four;
}
echo '</select></td>';

[EDIT] Bon j'ai trouvé ma solution, j'avais un problème dans mon $selected et dans mon option. [/EDIT]

Afficher la sélection d'une liste à choix multiple dans une autre liste

JavaScript

Discussions similaires

Partager

Partager