Texte qui apparaît seulement si champ formulaire sélectionné

Texte qui apparaît seulement si champ formulaire sélectionné - HTML/CSS - Programmation

Marsh Posté le 10-02-2009 à 18:18:51    

Bonjour à tous,
 
Lors de mon inscription j'ai une liste déroulante pour choisir le pays : France, Belgique, Suisse...etc
 
J'aimerais que SI ET SEULEMENT SI l'utilisateur sélectionne "BELGIQUE" un texte s'affiche sur ma page.
 
Merci de m'aider par rapport à ça :)
 
Excellente soirée à tous,
Antoine

Reply

Marsh Posté le 10-02-2009 à 18:18:51   

Reply

Marsh Posté le 10-02-2009 à 18:28:30    

sur le formulaire ou au moment du traitement ?

Reply

Marsh Posté le 10-02-2009 à 18:37:11    

Sur le formulaire, pile au moment où on sélectionne BELGIQUE, un texte s'affiche en dessous du formulaire
 
Merci d'avance

Reply

Marsh Posté le 10-02-2009 à 18:42:31    

Alors il faut que tu appelles une fonction lors de l'évènement "onchange" du select :

Code :
  1. <script>
  2. function select(option) {
  3.     alert(option.value);
  4. }
  5. </script>
  6. <select name="machin" onchange="select(this);">
  7. <option value="1">France</option>
  8. <option value="2">Belgique</option>
  9. <option value="3">Suisse</option>
  10. </select>

Reply

Marsh Posté le 10-02-2009 à 18:54:11    

Désolé je n'ai pas tout compris...
 
<select name="pays">
<option value="1">France</option>
<option value="2">Belgique</option>
<option value="3">Suisse</option>
</select>
 
Comment faire pour que si l'user sélectionne BELGIQUE, un texte de mon choix s'affiche sur la page juste en dessous.... ?
 
Merci !!!

Reply

Marsh Posté le 10-02-2009 à 19:00:23    

bah, tu modifies la fonction select de mon code pour qu'elle change la valeur d'une DIV vide placée en dessous du select !

Code :
  1. <script>
  2. function select(option) {
  3.     if(option.value == 1) {
  4.         document.getElementById('text').innerHTML = 'Capitale Paris';
  5.     } else if(option.value == 2) {
  6.         document.getElementById('text').innerHTML = 'Capitale Bruxelles';
  7.     } else {
  8.         document.getElementById('text').innerHTML = 'Capitale Berne';
  9.     }
  10. }
  11. </script>
  12. <select name="machin" onchange="select(this);">
  13. <option value="1">France</option>
  14. <option value="2">Belgique</option>
  15. <option value="3">Suisse</option>
  16. </select>
  17. <div id="text"></div>

Reply

Marsh Posté le 10-02-2009 à 19:26:06    

Merci...
Je suis en train d'essayer sauf que dans le innerHTML='' je souhaiterais insérer un <script langage="javascript" src=....
Et cela ne fonctionne pas compte tenu des guillemets.
Une solution ?

Reply

Marsh Posté le 11-02-2009 à 09:09:21    

non mais [:prozac]
Tu es dans une fonction JS donc tu exécutes les instructions directement à la place du document.getElementById !
Lis un tuto javascript, tu n'arriveras pas à rien si tu ne sais pas ce que tu fais ;)

Reply

Marsh Posté le 13-08-2009 à 19:51:33    

Pouvez-vous adapter mon code et m'expliquer ?
 
Je compte me former pendant 1 bon mois à tout ça mais là c'est urgent comme aide :(
Merci par avance.

Reply

Marsh Posté le 14-08-2009 à 10:42:46    

ingeniomatique a écrit :

Merci...
Je suis en train d'essayer sauf que dans le innerHTML='' je souhaiterais insérer un <script langage="javascript" src=....
Et cela ne fonctionne pas compte tenu des guillemets.
Une solution ?


 
Pour mettre des guillemets dans une chaine délimitée elle-même par des guillemets, il faut l'échapper avec un backslash juste avant.
 

Code :
  1. var toto = "Il m'a dit \"Salut mec\"!";


 
Mais autant prendre des bonnes habitudes pour php :
 

Code :
  1. var toto = 'Il m\'a dit "Salut mec"!';


 
Préfère toujours les apostrophes (single quote) aux guillemets (double quote) en javascript et php.


Message édité par Pascal le nain le 14-08-2009 à 10:45:08
Reply

Marsh Posté le 14-08-2009 à 10:42:46   

Reply

Marsh Posté le 14-08-2009 à 11:02:45    

ingeniomatique a écrit :

Pouvez-vous adapter mon code et m'expliquer ?
 
Je compte me former pendant 1 bon mois à tout ça mais là c'est urgent comme aide :(
Merci par avance.


 
 
d'où le UP 6 mois plus tard...  :heink:  
 
ca devait être urgent effectivement.  :D

Reply

Marsh Posté le 14-08-2009 à 11:06:18    

pataluc a écrit :


 
 
d'où le UP 6 mois plus tard...  :heink:  
 
ca devait être urgent effectivement.  :D


 
Haha j'avais pas grillé  :lol:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed