Problem Menu select javascript

Hatrixed Messages postés 5 Statut Membre -  
 Hatrixed -
Bonjour,

J'a rencontrer un petit problem.. j'ai creer 3 champ select populer a partir de la BD...
voici le code

echo "<form name=form1 action=\"getuser.php\" method=\"post\">";
echo "<select name='user' onchange='showUser(this.value)'><option value=\"def\" disabled=\"disabled\">Nom Etudiant</option>";
while($nt=mysql_fetch_array($result))
{
echo "<option value=".$nt[id]." name=".$nt[id].">$nt[lastname] , $nt[firstname]</option>";
}
echo "</select>";

....

echo "<select name='cours' onchange='showCours(this.value)'><option value=\"def\" disabled=\"disabled\">Cours</option>";
while($mt=mysql_fetch_array($result))
{
echo "<option value=".$mt[scormid]." name=".$mt[scormid].">$mt[fullname]</option>";
}
echo "</select>";


.....

echo "<select name='section' onchange='showSection(this.value)'><option value=\"def\" disabled=\"disabled\">Section</option>";

while($ot=mysql_fetch_array($result))
{
echo "<option value=".$ot[id]." name=".$ot[id].">$ot[title]</option>";
}
echo "</select></form>";


et chaque fonction de showuser , showcours et showsection envoi une variable a getuser.php par url expl ("getuser.php?q=".$q)
ce que j'aimerait faire maintenant est de creer un bouton valider qui envoi les 3 valeur selectionner, mais j'arrive pas a faire :s.
Merci d;avance

2 réponses

  1. Zep3k!GnO Messages postés 2049 Statut Membre 200
     
    il faut rajouter des id à tes éléments et récupérer leur valeur de la facon suivante en Js :
    <script type="text/javascript">
       function sendMyForm(){
          var  url_data = '';
          var myObj_1 = document.getElementById('un_element_id');
          if(myObj_1){
               url_data = '?un_element='+myObj_1.value;
          }
          var myObj_2 = document.getElementById('un_element_id_bis');
          if(myObj_2){
               url_data += '&un_element='+myObj_2.value;
          }
          if(url_data != ''){
             window.location.href = './getuser.php'+url_data;
          }else{
               alert('Pb avec la récupération des données !');
          }
    
       }
    </script>
    ...
    <input type="text" name="un_element" id="un_element_id"/>
    <input type="text" name="un_element_bis" id="un_element_id_bis"/>
    < a href='#' onClick='javascript:sendMyForm();return false;'>Valider le form</a>
    
    0