Formulaire dynamique en javascript

Formulaire dynamique en javascript - HTML/CSS - Programmation

Marsh Posté le 30-07-2004 à 23:34:39    

Bonjour,
J'ai une question à la fois simple et compliquée :
Je veux réaliser un formulaire dynamique qui affiche des champs en fonction de la demande.
-j'ai un menu déroulant proposant des nombres de 0 à 30
-le gars sélectionne et directement et en dessous, je veux afficher un nombre de champs (type TEXT) correspondant.
par exemple :
question : combien de liens pour votre article? [proposition nombres de 0 à 30]
le gars sélectionne 4. Et pouf, quatre champs textes apparaissent en dessous.
 
Je pense que javascript est capable de faire ça. A noter que je ne veux pas recharger la page, sinon l'utilisateur va perdre toutes les infos déja entrées.
 
Merci d'avance.
Sig'
 

Reply

Marsh Posté le 30-07-2004 à 23:34:39   

Reply

Marsh Posté le 30-07-2004 à 23:53:03    

J'avais rien à faire alors cadeau.
C'est ton jour de chance [:kt-redfox]
 

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
  4. <title>Youhou</title>
  5. <script type="text/javascript">
  6. function prout()
  7. {
  8. var sel = document.forms[0].pouet;
  9. nbChamps = sel.options[sel.selectedIndex].value;
  10. document.getElementById("champs" ).innerHTML = "";
  11. for(i=0; i<nbChamps; i++)
  12. {
  13. document.getElementById("champs" ).innerHTML = document.getElementById("champs" ).innerHTML+'<input type="text" name="c'+i+'" /><br />'; 
  14. }
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <form action="">
  20.  <select name="pouet" onChange="prout()">
  21.   <option disabled="disabled">Choisissez une valeur</option>
  22.   <option value="1">1</option>
  23.   <option value="2">2</option>
  24.   <option value="30">30</option>
  25.  </select>
  26. </form>
  27. <div id="champs"></div>
  28. </body>
  29. </html>


 
Bon, demande moi si tu capte pas, mais le code est quand même hyper simple :O

Reply

Marsh Posté le 31-07-2004 à 00:04:51    

Euh, je sais pas quoi dire tellement c'est... beau.
Un grand grand, énorme même, merci à toi.
J'y ai passé toute l'après-midi, et j'ai pas réussi (comme quoi il y en a qui sont doués et d'autres non).
Merci, merci, merci, merci, merci, merci, merci, merci, merci, merci.
 
(Moi je m'en vais continuer à programmer)
 
ça marche bien, merci bcp


Message édité par Sigmar le 31-07-2004 à 00:14:23
Reply

Marsh Posté le 05-08-2004 à 10:36:47    

j'aurai plutot fais comme ca pour l'affichage du select :  

Code :
  1. <body>
  2. <form action="">
  3.  <select name="pouet" onChange="prout()">
  4. <option disabled="disabled">Choisissez une valeur</option>
  5. <script>
  6. <for (j=1; j<=30;j++) {
  7. document.writeln('<option value="' + j + '">' + j +'</option>');
  8. }
  9. </script>
  10.  </select>
  11. </form>
  12. <div id="champs"></div>
  13. </body>
  14. </html>


 
comme ca tu génère les 30 <option></option> sans te fouler

Reply

Sujets relatifs:

Leave a Replay

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