Remplir 3 champs texte avec une liste déroulante - HTML/CSS - Programmation
Marsh Posté le 17-12-2005 à 10:18:29
tu pourrais etre plus clair
je ne comprend pas la derniere phrase
Marsh Posté le 17-12-2005 à 10:40:06
C'est peut-être une faute d'étourderie. Par exemple, dans les lignes ci-dessous, c doit prendre les valeurs 1, 2, ou 3, au lieu d'avoir toujours la valeur 1.
if (!document.f.cat1.value) {c=1;} |
Marsh Posté le 17-12-2005 à 13:24:29
Non cela ne change rien, que c=1 ou qu'il prenne la valeur 1,2,3 j'ai toujours le meme résultat. Mais en faite je me rend compte que le code est incomplet...
En effet si je veut que les valeurs des champs texte change il faut que je rentre quelques part ces dites valeurs !!!
Donc par conséquent le code actuel me renverra toujours soit A ou B ou C dans les 3 champs textes. En fait se que je veut je voudrais afficher en fonction du choix 1 A dans un champs, B dans le deuxiéme et C dans le Troisiéme et ensuite si je choisis 2 j'affiche AB, BC, DC etc.
exemple:
choix champs1 champs2 champs3
1 A B C
ou alors :
2 AB CD DE
ou alors :
3 ABC CDE DEF
En fait la valeur des champs change en fonction du choix, mais actuellement les champs prenent tous la meme valeur. Et je n'arrive pas à trouver ou à concevoir se code.
voila,voila
Marsh Posté le 17-12-2005 à 02:09:10
Bonsoir,
Je cherche à remplir 3 champs texte différents avec une liste déroulante.
Exemple :
je choisit Resultat 1 ===> j'affiche A B C
je choisit Resultat 2 ===> j'affiche AB BC CD
je choisit Resultat 3 ===> j'affiche ABC BCD CDE
J'ai trouvé un code sur le web que j'ai modifié quelques peu, mais je n'arrive pas à faire se que je veut. Et comme mes connaissances en javascript sont asser basse,j'ai besoin de vos aides collégiales.
Je vous met le code en question.
<html>
<head>
<title>Document sans titre</title>
<script language="javascript">
function appendKeyword()
{
var c = 0;
var index = document.f.kw.selectedIndex;
var myText = document.f.kw.options[index].value;
if (!document.f.cat1.value) {c=1;}
if (!document.f.cat2.value) {c=1;}
if (!document.f.cat3.value) {c=1;}
switch (c)
{
case 1 :
document.f.cat1.value=myText;
document.f.cat2.value=myText;
document.f.cat3.value=myText;
break;
case 2 :
document.f.cat1.value=myText;
document.f.cat2.value=myText;
document.f.cat3.value=myText;
break;
case 3 :
document.f.cat1.value=myText;
document.f.cat2.value=myText;
document.f.cat3.value=myText;
break;
default :
document.f.cat1.value=myText;
document.f.cat2.value=myText;
document.f.cat3.value=myText;
break;
}
}
</script>
</head>
<body>
<form method="POST" name="f">
<select name="kw" onchange="appendKeyword()">
<option value="">choix
<option value="A">Resultat 1
<option value="B">Resultat 2
<option value="C">Resultat 3
</select>
<input name="cat1" type="text" id="cat1">
<input name="cat2" type="text" id="cat2">
<input name="cat3" type="text" id="cat3">
</form>
</body>
</html>
Tel que c'est la j'affiche 3 fois la meme chose... soit tous des A ou des B ou des C. Je suis conscient qu'il manque des choses à ce code mais je ne sait pas lesquel.
Merci de vos aides.