Sauvegarde de liste deroulante créée dynamiquement
bonjour,
Voila mon problème,
j' ai deux listes deroulantes L1 et L2.
La premiére est remplie à partie de la base et la deuxieme est vide au debut.
l'utilisateur clik sur un elementde L1 puis clik sur un bouton ajouter et l element se met dans L2.et si il selectionne un element de l2 et qu il clik sur le bouton enlever il le supprime de la liste2.(ceci garce à 2 fonction ajouter et enlever en javascript).
j ai un autre bouton enregistrer.Je veux qu une fois que l'utilisateur aura fini de remplir l2 je puisse enregistrer L2.Pour l' instant j' y arrive pas .
Merci pour votre aide.
voila mon code
<SCRIPT LANGUAGE="JavaScript">
function Supprimer(list) {
if (list.options.selectedIndex>=0) {
list.options[list.options.selectedIndex]=null;
} else {
alert("Suppression impossible : aucune ligne sélectionnée");
}
}
function Ajouter(l1,l2) {
if (l1.options.selectedIndex>=0) {
o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
l2.options[l2.options.length]=o;
l1.options[l1.options.selectedIndex]=null;
}else{
alert("Aucun indicateur sélectionné");
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF">
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
<BIG><B>PAG</B></BIG>
<BR>
<BR><BR><BR>
<FORM name="formulaire" method=post action ="PAG.php" >
<TABLE><TR>
<TD align="center"><B><FONT size="2">Indicateur</FONT></B><BR>
<SELECT align=top name="liste1" size=6 style="width:120px">
<?php $bdd = "projet";?>
<?PHP
mysql_connect("localhost","root","");
mysql_select_db("$bdd");?>
<?PHP
/* je fais une selection pour trouver le nombre de groupe dans la table*/
$sql1 = "select COUNT(ngroupe) from groupe";
$req1 = mysql_query($sql1) or die('Erreur SQL !<br>'.$sql1.'<br>'.mysql_error());
$data1 = mysql_fetch_row($req1);
$nbgroupe=$data1[0];
$sql = "select ngroupe from groupe";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while( $data = mysql_fetch_row ($req))
{
$a=$data[0];
echo'<option>'.$a.'</option>';
$nbgroupe--;
}
?>
</SELECT>
</TD>
<TD align="center">
<INPUT type="button" value="Ajouter >>>" onClick="Ajouter(this.form.liste1,this.form.liste2)">
<BR><BR>
<INPUT type="button" value="<<< Enlever" onClick="Supprimer(this.form.liste2)">
</TD>
<TD align="center"><FONT size="2"><B>Indicateurs retenus</B></FONT><BR>
<SCRIPT language="javascript">
// Astuce pour Netscape qui ne supporte pas style="width:100"
// Donc : création d'une ligne pour initialiser la largeur puis suppression par ce javascript
document.formulaire.liste2.options.length=0;
</SCRIPT>
<FORM name="formulaire" method=post action ="PAG.php" >
<SELECT align=top name="liste2" size=6 style="width:120px">
<OPTION ></OPTION>
</SELECT> </TD>
</TR></TABLE>
<BR><BR>
<input type="submit" value="Enregistrer" onclick="javascript:PostSelect('formulaire')">
</FORM>
<BR>
</FONT></BODY></HTML>
