Ajouter autant d'éléments demandés lorsque qu'on appuye sur un bouton

Version imprimable

08/02/2008, 13h56
arnaudperfect

Ajouter autant d'éléments demandés lorsque qu'on appuye sur un bouton

Bonjour,

Je souhaite réalisé en PHP un outil de mutirecherche dans une base de données.

Pour cela, si l'utilisateur veux recherché qu'un seul type d'information, il aura qu'une ligne de recherche d'affiché. Si il veux un champ de critaire en plus, l'utilisateur n'aura qu'a cliqué sur un bouton "+" pour ajouter un champ de recherche, etc...

Cela je sais le faire complètement en php.

Je fais appel à vous car j'aimerai faire en JavaScript, la patie utilisateur, c'est à dire, le système qui me permet de rajouter un champs de recherche lorsque l'utilisateur appuit sur le "+".

Le champs de recherche est composé :

Une liste déroulante pour choisir le type d'information recherché (nom, prénom, adresse, etc...) un champ text pour décrire le requête demandé et le bouton "+".

Lorsque un autre champs de recherche est demandé on aura en plus des champs classic, une liste déroulante pour choisir si on veux utilisé une fonction OU ou ET...

Savez vous comment faire cela ?

Merci d'avance de vos lumière
08/02/2008, 15h32
dingoth

Poste déjà ton code PHP aux environs du "+", on verra après ;)

trouvé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
function create_champ(i) {
 
var i2 = i + 1;
 
document.getElementById('leschamps_'+i).innerHTML = '<select name="fonctionLogique_'+i+'"><option value="1" selected>ET</option><option value="2">OU</option></select> <select name="selectChamp_'+i+'"><option value="1" selected>nom</option><option value="2">prenom</option></select> <input type="text" name="champRecherche_'+i+'">';
document.getElementById('leschamps_'+i).innerHTML += (i <= 10) ? '<br /><span id="leschamps_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a><br><input type="submit" name="Submit" value="Envoyer"></span>' : '';
}
 
</script>
<form name="form1" method="GET" action="">
<select name="selectChamp_3">
  <option value="1" selected>nom</option>
  <option value="2">prenom</option>
</select>
<input type="text" name="champRecherche_3">
<br>
<span id="leschamps_1"><a href="javascript:create_champ(1)">Ajouter un champs</a><br>
<input type="submit" name="Submit" value="Envoyer">
</span>
</form>