SELECT en lien direct avec mon texte
Résolu
aurésky
Messages postés
95
Date d'inscription
Statut
Membre
Dernière intervention
-
xav3601 Messages postés 3289 Date d'inscription Statut Membre Dernière intervention -
xav3601 Messages postés 3289 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
J'ai mis un select dans mon site, c'est donc une box de selection
(https://www.hscripts.com/tutorials/html/form8.php
et j'aimerais que tel ou tel texte apparaisse dans une seconde case en fonction de celle qui est séléctionnée
En gros, si "jaune" séléctionné alors dans une seconde case, on peut voir le mor couleur apparaitre
si "voiture" esr séléctionné, alors c'est le mot véhicule qui apparait
merci à tous
J'ai mis un select dans mon site, c'est donc une box de selection
(https://www.hscripts.com/tutorials/html/form8.php
et j'aimerais que tel ou tel texte apparaisse dans une seconde case en fonction de celle qui est séléctionnée
En gros, si "jaune" séléctionné alors dans une seconde case, on peut voir le mor couleur apparaitre
si "voiture" esr séléctionné, alors c'est le mot véhicule qui apparait
merci à tous
A voir également:
- SELECT en lien direct avec mon texte
- Telechargement direct - Accueil - Outils
- Vue satellite en direct gratuit de ma maison - Guide
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Transcription audio en texte word gratuit - Guide
4 réponses
Regarde ici, ça va répondre a ta question, il y a deux solutions, il suffit de les adapter
https://forums.commentcamarche.net/forum/affich-17892743-liste-deroulante-en-html-pour-telechargement
https://forums.commentcamarche.net/forum/affich-17892743-liste-deroulante-en-html-pour-telechargement
aurésky
Messages postés
95
Date d'inscription
Statut
Membre
Dernière intervention
5
merci de te pencher sur mon cas, mon souçis n'est pas exactement le même, j'aimerais saovir s'il est possible de mettre en lien 2 cases, si l'une indique tel valeur, alors une seconde (mise ailleur pas forcément a la suite) indique tel ou tel autre valeur, et le code qui me permettrait de faire sa.
aurésky
Messages postés
95
Date d'inscription
Statut
Membre
Dernière intervention
5
quand je dis en lien, je veux dire en corélation, mais pas en lien, dans son premier sens du terme. merci
Salut,
tu peux réaliser celà avec une fonction javascript.
Tu met un attribut onBlur sur la première case qui va appeler ta fonction et dans la fonction tu remplis la deuxieme case.
tu peux réaliser celà avec une fonction javascript.
Tu met un attribut onBlur sur la première case qui va appeler ta fonction et dans la fonction tu remplis la deuxieme case.
non tu le mets plutot sur le select je pense!
comme ca:
<select onblur="fonctionJS(this)">
functionJS(poSelect){
if(poSelect.value = "jaune"){
document.getElementById("vehicule").value = "Véhicules"
}
}
et après faut créer la fonction JS qui fais le lien, mais elle est pas trop compliqué normalement ^^ (mais peut être un peu plus que celle que je t'ai donné ci dessus ^^)
ET comme ca lorsque tu aura fini de modifier le select, ca lancera automatiquement ta fonction JS.
comme ca:
<select onblur="fonctionJS(this)">
functionJS(poSelect){
if(poSelect.value = "jaune"){
document.getElementById("vehicule").value = "Véhicules"
}
}
et après faut créer la fonction JS qui fais le lien, mais elle est pas trop compliqué normalement ^^ (mais peut être un peu plus que celle que je t'ai donné ci dessus ^^)
ET comme ca lorsque tu aura fini de modifier le select, ca lancera automatiquement ta fonction JS.
Avant tout je vais te proposer un exemple qui va t'expliquer le principe de fonctionnement.
On va commencer par aller telecharger jquerydepuis le lien suivant:
http://code.jquery.com/jquery-1.4.2.min.js
ensuite on va créer un fichier php et un fichier js
test.php et test.js
Ces 3 fichiers seront mis dans un même repertoire.
Code du fichier test.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="test.js" ></script>
</head>
<body>
<select name="selection" id="selection">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="text" name="affichage" id="affichage"/>
</body>
</html>
code du fichier test.js:
$(document).ready(function() { // lorsque le document est chargé
$("#selection").change(function() { //lorsque la valeur du select change
$("#affichage").val($(this).val()); //le champs text prendra la même valeur que le select
});
});
teste ça pour comprendre comment jquery selectionne et comment il tourne et tu va voir que ta question est deviendra tres simple.
A toute de suite
On va commencer par aller telecharger jquerydepuis le lien suivant:
http://code.jquery.com/jquery-1.4.2.min.js
ensuite on va créer un fichier php et un fichier js
test.php et test.js
Ces 3 fichiers seront mis dans un même repertoire.
Code du fichier test.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="test.js" ></script>
</head>
<body>
<select name="selection" id="selection">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="text" name="affichage" id="affichage"/>
</body>
</html>
code du fichier test.js:
$(document).ready(function() { // lorsque le document est chargé
$("#selection").change(function() { //lorsque la valeur du select change
$("#affichage").val($(this).val()); //le champs text prendra la même valeur que le select
});
});
teste ça pour comprendre comment jquery selectionne et comment il tourne et tu va voir que ta question est deviendra tres simple.
A toute de suite
