Javascript + variable PHP

bousky79 -  
Alain_42 Messages postés 5413 Statut Membre -
Bonjour à tous,

Je suis assez juste et PHP et surtout en JavaScript. C'est pour ca que je sollicite votre aide. Voici mon probleme.
J'ai une liste box avec des valeurs d'un coté, et je souhaiterai lorsque je passe ces valeurs dans une autre liste box en face, récuperer ces valeurs et les affichées sur un autre page. Mon probleme c'est que je ne sais pas comment recuperer ces valeurs. le Script des listes box est en Javascript, et le traitement des valeurs est en PHP. je vous post un exemple:

<head>
<script type="text/javascript">

function Deplacer(l1,l2){
if (l1.options.selectedIndex>=0){
o=new Option(l1.options[l1.options.selectedIndex].firstChild.nodeValue,l1.options[l1.options.selectedIndex].value);
l2.options[l2.length]=o;
l1.options[l1.options.selectedIndex]=null;
}else{
alert("Veuillez selectionner un element");
}
}

</script>
</head>
<body>
<div>
<span ><label name="lb_role" for="role">Roles :</label></span>
<span >
<form method="POST" action="lalala.php">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<select align="center" name="role" id="role" size="6" style="width:120px">
<option>Toto</option>
<option>Tutu</option>
<option>Titi</option>
<option>Tata</option>
</select>
</td>
<td valign="center">

<INPUT type="button" value="Ajouter >>>" onClick="Deplacer(document.getElementById('role'),document.getElementById('roles'))">
<BR>
<INPUT type="button" value="<<< Enlever" onClick="Deplacer(document.getElementById('roles'),document.getElementById('role'))">
</td>
<td>
<select align="center" name="roles" id="roles" size="6" style="width:120px">
<option> </option>
</select>
</td>
<p align="right"><input type="submit" value="Envoyer"></p>
</tr>

</table>
</form>

Je galere depuis un moment, donc s'il vous plait, si quelqu'un à une idée ce serait sympa. Je vous remercie d'avance.
A voir également:

1 réponse

Alain_42 Messages postés 5413 Statut Membre 894
 
attention, il faut absolument value=" dans les <option> et un name= au <form

<head>
<script type="text/javascript">

function Deplacer(l1,l2){
if (l1.options.selectedIndex>=0){
o=new Option(l1.options[l1.options.selectedIndex].firstChild.nodeValue,l1.options[l1.options.selectedIndex].value);
l2.options[l2.length]=o;
l1.options[l1.options.selectedIndex]=null;
}else{
alert("Veuillez selectionner un element");
}
}
//fonction selection et envoi liste
function poster_liste(formulaire,liste){
	NbItems = document.forms[formulaire].elements[liste].length;
	//verif que au moins un dest
	if(NbItems > 0){
		for(a=0; a < NbItems; a++){
			if(document.forms[formulaire].elements[liste].options[a].selected == false){
				document.forms[formulaire].elements[liste].options[a].selected =true;
			}
		}	
		//et on envoie en rajoutant [] au name de la liste pour l'envoyer sous forme d'array   
		document.forms[formulaire].elements[liste].name=liste+"[]";
		document.forms[formulaire].submit();
	}else{
		alert("Aucun element dans la 2 ieme liste !");
	}
}

</script>
</head>
<body>
<div>
<span ><label name="lb_role" for="role">Roles :</label></span>
<span >
<form name="form1" method="POST" action="lalala.php">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<select align="center" name="role" id="role" size="6" style="width:120px">
<option value="Toto">Toto</option>
<option  value="Tutu">Tutu</option>
<option  value="Titi">Titi</option>
<option  value="Tata">Tata</option>
</select>
</td>
<td valign="center">

<INPUT type="button" value="Ajouter >>>" onClick="Deplacer(document.getElementById('role'),document.getElementById('roles'))">
<BR>
<INPUT type="button" value="<<< Enlever" onClick="Deplacer(document.getElementById('roles'),document.getElementById('role'))">
</td>
<td>
<select align="center" name="roles" id="roles" size="6" style="width:120px" multiple>

</select>
</td>
<p align="right"><input type="button" name="envoyer" value="Envoyer" onClick="poster_liste('form1','roles');"></p>
</tr>

</table>
</form> 
0