SELECT en lien direct avec mon texte
Résolu
aurésky
Messages postés
94
Date d'inscription
Statut
Membre
Dernière intervention
-
xav3601 Messages postés 3390 Statut Membre -
xav3601 Messages postés 3390 Statut Membre -
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
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 -
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.-
-
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. -
-
-
-
si cela ne te pose pas de souçi, alors j'accepte que tu m'aide!!^^
merci encore -
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
