assistance sur un formulaire

assistance sur un formulaire - Javascript/Node.js - Programmation

Marsh Posté le 06-04-2015 à 20:27:26    

Hello à tous, je suis débutant en javascript et je viens demander votre assistance pour un formulaire en javascript qui me fait tourner en rond depuis plusieurs jours.  
 
en fait dans ce formulaire , j'aimerais mettre en place une liste en case à cacher. Avec pour chaque case à cocher, une sous liste (grisée tant que la case à coché correspondante n'est pas sélectionnée), en groupe de bouton radio, ou en liste et enfin retourner le résultat de cette sous liste dans une case dont le résultat pourra m’être envoyer par mail.
 
j'ai essayé pas mal de trucs, mais je n'arrive jamais à obtenir ce que je veux ; dans le sous formulaire que je souhaite grisée tant que la checkbox au dessus n'est pas validé, j'arrive à griser le premier choix mais jamais les autres.
 
j'arrive à retourner le résultat de ma selection mais si j'ai des dizaines de valeur similaires, il me faut réecrire la même chose pour chaque formulaire en changeant juste la valeur, c'est long et je suis sur qu'on peut faire plus simplement.
 
Enfin pourquoi envoyer le resultat par mail? parce que le PHP serait plus adapté à ce que je demande mais comme je n'ai pas le niveau suffisant pour javascript, je vais attendre un peu avant de me lancer dans PHP.
 
Après, je ne demande pas de solution précise, j'aimerais le faire vraiment tout seul, mais là je sens que je tourne en rond, donc si quelqu'un peut m'aider sur le chemin à prendre....Merci :)

Reply

Marsh Posté le 06-04-2015 à 20:27:26   

Reply

Marsh Posté le 07-04-2015 à 07:18:54    

Déjà poste le code que tu as déjà fait.

Reply

Marsh Posté le 07-04-2015 à 20:50:11    

pour le moment j'en suis à :  
 
<form name="form1">
         <label>
            <input type="checkbox" name="choix" value="qt1" id="selection_0" >
            choix1</label>
            <input type="button" value="valider" onClick="selection()"/>
             
          <select name="format"  id="format1" disabled>
            <option value="1.25">125gr</option>
            <option value="2.25">250gr</option>
            <option value="5.00">500gr</option>
            <option value="10">1000gr</option>
          </select>
          <select name="quantite"  id="quantite1" disabled>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
          <input type="reset" name="form1"/>
          </form>
          <form name="form1total"  method="post" action="">        
           <input type="text" name="total" value=""/>  
           </form>    
<br>
    </div>
  </div>
  <script type="text/javascript">  
    function selection(){  
  if(document.getElementById('selection_0').checked!=true) {
   alert('c\'est pas checké');
   document.getElementById('format1').disabled=true;
   document.getElementById('quantite1').disabled=true;
  }
 else if(document.form1.choix.checked=true) {
    document.getElementById('format1').disabled=false;
       document.getElementById('quantite1').disabled=false;
   
    var fm=document.getElementById('format1');
    format1.addEventListener('change',format1.options[format1.selectedIndex].innerHTML,true);
    var qt=document.form1.quantite.selectedIndex+1;
     
       
   }      
  else alert('non c\'est faux');
document.form1total.total.value=qt*fm;
  }
   
 </script>  
 
a savoir que ça marche à près apres plusieurs modifications. J'arrive a griser mes  listes, pour le moment jer me contente de mettre dans un input text la valeur de sortie. Je bloque actuellement sur la selection de la valeur dans mes listes quantité et format, avec le script, je n'ai que le N° d'index selectionné.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed