Dimension du tableau

salirose2006 Messages postés 5 Statut Membre -  
mamiemando Messages postés 34243 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

Je voudrais pouvoir ajouter un champs dans un formulaire via un bouton. Je m'explique :

J'ai un formulaire avec un champ qui peux avoir plusieurs valeurs je dois faire une requete sql en fonction des valeurs qu'on m'a mis dans mon champs (ce champs va contenir la valeur du where de ma futur requete) seulement dans une requete sql on peut mettre plusieurs critères dans le where => Ce champ doit pouvoir prendre plusieurs valeurs.

Je pourrais mettre 10 champs l'un derrière l'autre et ignorer ceux qui sont vides mais c'est pas joli du tout...

Je voudrais donc faire cela dynamiquement : J'aurais mon champ avec un bouton "+" a coté et si je clique sur ce bouton, il me remettrais un nouveau champ en dessous du précédent en décallant les autres champs et boutons qui suivent aussi vers le bas et ainsi de suite... Je pourrais ainsi avoir un nbre variable de ce champ.

dans ma page suivante, je regarderais combien de champs j'ai et je ferais une boucle du style (PSEUDO-CODE):

TANT QUE (i <= nbrChamps)
{
meschamp = meschamp +"," + $_REQUEST[monChamp[i])
i++;
}

J'essaye d'être le plus clair possible mais c pas facile. Si vous avez des questions n'hesitez pas!
J'ai donc fait une page test simplifiée pour essayer avec javascript...

index.php

<HTML><HEAD><TITLE>TEST AJOUT CHAMP FORMULAIRE</TITLE>
<SCRIPT LANGUAGE="JavaScript">

function addField()
{
var field = "<input type='text' name='' value=''/>";
document.getElementById('divFields').innerHtml += field;
}

</SCRIPT>
</HEAD>
<BODY>

<form name="test" method="post" action="Select.php" >

<input name="divFields" type="text" size="10" maxlength="15">

<input type="button" value="+" onClick="addField()">

</form>

</BODY>
</HTML>

Mais ca ne fonctionne pas...

Merci.
A voir également:

1 réponse

mamiemando Messages postés 34243 Date d'inscription   Statut Modérateur Dernière intervention   7 898
 
document.getElementById('divFields').innerHtml += field; 

Ton divFields devrait correspondre à un div dont tu modifies l'attribut innerHTML !
<div id="divFields">
<!-- Dans ce calque vont apparaître mes champs -->
</div>
<input name="textbox" type="text" size="10" maxlength="15"> 
<input type="button" value="+" onClick="addField()"> 

Bonne chance
0