Formulaire dynamique en javascript

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 :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Youhou</title>
<script type="text/javascript">
function prout()
{
var sel = document.forms[0].pouet;
nbChamps = sel.options[sel.selectedIndex].value;
document.getElementById("champs" ).innerHTML = "";
for(i=0; i<nbChamps; i++)
{
document.getElementById("champs" ).innerHTML = document.getElementById("champs" ).innerHTML+'<input type="text" name="c'+i+'" /><br />';
}
}
</script>
</head>
<body>
<form action="">
<select name="pouet" onChange="prout()">
<option disabled="disabled">Choisissez une valeur</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="30">30</option>
</select>
</form>
<div id="champs"></div>
</body>
</html>

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

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 :

<body>
<form action="">
<select name="pouet" onChange="prout()">
<option disabled="disabled">Choisissez une valeur</option>
<script>
<for (j=1; j<=30;j++) {
document.writeln('<option value="' + j + '">' + j +'</option>');
}
</script>
</select>
</form>
<div id="champs"></div>
</body>
</html>

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

Reply

Formulaire dynamique en javascript

Sujets relatifs:

Leave a Replay