Apparition d'une textbox en fonction d'une valeur de liste recupérée

Version imprimable

09/07/2008, 09h25
jeremay

Apparition d'une textbox en fonction d'une valeur de liste recupérée

Bonjour, j'ai une liste de choix deroulante qui va recuperer des infos sur une bdd.
Comment faire pour que dés qu'une valeur precise de la liste soit choisi, une texte box apparait.

exemple :
Votre fonction :
[liste déroulante : qui va chercher dans une bdd]
Président(e)
Trésorier(e)
......
Autre : précisez :……………

Alors il faut peut etre faire une fonction ou j'ai vu dans le forum avec je cite

Citation:

<select size="1" name="listeNom" class="data" style="width:240px" onchange="document.getElementById('texte').value=this.value;">
<option value=""></option></select>

Mais je vois pas comment faire une test en php avec "If valeurliste=autre"

Code:

<? if ( ??????????? == 'Autre') { ?> <input name="precision" type="text"> <? } else { ?> jeremie <? } ?>

De plus avec ce formulaire je souhaiterais rentrer des resultat dans une bdd.
Je m'explique : J'ai une table avec id, nom, prenom, fonction.
Si on choisit la "fonction directeur" alors dans le champs fonction, sera inséré la vaeur directeur. si un textbox apparait sur le choix autre comment rentrer egalement la valeur de cette textbox dans le champ fonction

Désolé pour l'embrouille mais je suis novice dans ce domaine. J'arrive a afficher des bdd, inserer des données dans le bdd, mais des qu'une fonction devient compliquée je cherche sur le net.:oops::oops:
Ce qui d'ailleurs ma permis de trouver votre site qui est tres bien fait.

Merci d'avance.

Jeremay

Il faut effectivement utiliser du JavaScript. Tu est sur la bonne piste avec le bout de code

Code:

1
2
<select size="1" name="listeNom" class="data" style="width:240px" onchange="document.getElementById('texte').value=this.value;">
<option value=""></option></select>

Essaye ceci et tu vas mieux comprendre

Code:

1
2
<select size="1" name="listeNom" class="data" style="width:240px" onchange="alert('Ta selection est :' + this.value);">
<option value=""></option></select>

09/07/2008, 10h42
jeremay

Merci pour ta reponse si rapide.

Ok pour le javascript.
Mais que dois je mettre comme operateur de comparaison?
en php

Code:

<? if ( ?> la valeur de la list apres changement <? = "Autre") ?> <input name="precision" type="text">

quel syntaxe dois je utiliser pour la valeur de la list apres changement
09/07/2008, 11h58
riete
Ce n'est pas php qui va gérer cela. Tu dois tous faire en JS.

Sur ton action onchange, il faut modifier le contenu de ton champ input.
Voici en gros la fonction JS qu'il te faut
Code:

1 2 3 4 5 function modif_Select(obj, s){ var status = document.getElementById(obj); status.value = s; }
Code:

1 2 <select size="1" name="listeNom" class="data" style="width:240px" onchange="modif_Select('tonchamp', this.value);"> <option value=""></option></select>
Code:

<input id=tonchamp name="precision" type="text">
09/07/2008, 20h16
jeremay

Encore Merci pour ta rapidité de reponse.

Mais mon probleme est sur autre chose.
Je veux que si ce que je choisisse dans ma liste = autre, alors le champs textbox apparaisse. Sinon, je ne veux pas voir ce champ.
10/07/2008, 09h23
riete
Citation:

Je veux que si ce que je choisisse dans ma liste = autre, alors le champs textbox apparaisse. Sinon, je ne veux pas voir ce champ.

Bein ? :? maintenant que tu as la valeur sélectionné status.value. Il ne te reste plus qu'a appliquer une condition et ne faire apparaître le input que si status.value='autre'.

Pour faire apparaître ou disparaitre le input il faut que tu agisse sur la balise div qui le contient:

Code:

<div id=d1 style=style="display: none;"><input id=tonchamp name="precision" type="text"></div>

Le code JS ressemble à:
Code:

1 2 3 4 5 6 7 // Pour afficher document.getElementById(objID). .style.display=='block' // Pour cacher document.getElementById(objID). .style.display=='none'
Mets en forme cela et dis moi ce que cela donne.
Au cas ou dépose ton code et je jetterai un oeil ;)
A+

Désolé mais je m'en sort pas.
ci joint mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<SCRIPT language="Javascript">
<!--
 
 
function modif_Select(obj, s){
 var status = document.getElementById(obj);
 
 status.value = s;
} 
 
// Pour afficher
document.getElementById(objID).
.style.display=='block'
 
// Pour cacher
document.getElementById(objID).
.style.display=='none'
//-->
</SCRIPT>
 
</head>
<form id="form1" name="form1" method="post" action="" onchange="modif_Select('tonchamp', this.value);">
  <label>
    </label>
  <div id=d1 style=style="display: none;">Fonction <select size="1" name="listeNom" class="data" style="width:240px" onchange="modif_Select('tonchamp', this.value);">
    <option value="test1">test1</option>
    <option value="test2">test2</option>
    <option value="autre">autre</option>
  </select>
  <input id=tonchamp name="precision" type="text"></div>
</form>
 
 
 
 
 
</body>

Désolé pour le délai, mais d'autres activités toutes à fait différentes m'ont appelées à délaisser le bureau pendant quelques jours.

Ceci est testé et fonctionne.
A+

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<title>Untitled</title>
 
<SCRIPT language="Javascript">
 
function modif_Select(obj, s){
 
 
 	var status = document.getElementById(obj);
	status.style.display='block';
 	status.value = s;
}
 
</SCRIPT>
 
</head>
<body>
<form id="form1" name="form1" method="post" action="" onchange="modif_Select('tonchamp', this.value);">
  <label>
    </label>
  <div id=d1 style=style="display: none;">Fonction <select size="1" name="listeNom" class="data" style="width:240px" onchange="modif_Select('tonchamp', this.value);">
    <option value="test1">test1</option>
    <option value="test2">test2</option>
    <option value="autre">autre</option>
  </select>
  <input style="display: none;" id=tonchamp name="precision" type="text"></div>
</form>
 
</body>
</html>

18/06/2009, 11h59
roman33

Bonjour,
je me permets de revenir sur cette discusssion car j'ai un problème quasi similaire que je n'arrive à résoudre sur l'apparition d'un champ de saisie pourcentage dans un formulaire..
Voilà, j'ai un formulaire basé sur la table1(compte, section, janvier, février, mars)
Je possède une table Pourcentage(compte, section, %janvier, %février, %mars)
Comment puis je faire apparaître ds mon formulaire un champ de saisie de pourcentage si le compte du formulaire existe dans la table Pourcentage?

Je pense que du code doit se cacher derrière tt ça..si un expert pouvait m'éclairer.
Merci AMIS FORUMEURS !!!!!