Afficher une sélection dans un champs texte

Afficher une sélection dans un champs texte - HTML/CSS - Programmation

Marsh Posté le 18-12-2005 à 19:40:48    

Bonsoir,
 
J'essaie de modifier se code que j'ai trouver pour faire afficher la sélection dans un champs texte, mais je n'y arrive pas un peu d'aide serait la bienvenue.
Voila le code :
<html>
<head>
<title></title>
<script language="JavaScript">
function verif()
{
with (document.form)
{
if (sujet.selectedIndex == 0)
{
alert("Sélectionnez un sujet SVP." );
}
else
{
confirm('Le sujet sélectionné est : ' + sujet.options[sujet.selectedIndex].value)
}
}
}
</script>
</head>
<body>
<form name="form">
<select name="sujet" OnChange="return verif();">
<option select>Sélectionner un sujet</option>
<option value="commentaire">1. Commentaire</option>
<option value="Question">2. Question</option>
<option value="Suggestion">3. Suggestion</option>
<option value="Lien cassé">4. Lien cassé</option>
<option value="Autre">5. Autre</option>
</select>
<input type="text" name="champs1">
</form>
</body>
</html>

 
Merci d'avance.

Reply

Marsh Posté le 18-12-2005 à 19:40:48   

Reply

Marsh Posté le 19-12-2005 à 09:13:49    

Quand rien n'est sélectionné, selectedIndex vaut -1 (0 c'est l'indice du 1er élément du select)

Reply

Marsh Posté le 19-12-2005 à 09:44:33    

je trouve qu'il y a plus simple pour afficher la valeur d'un select
 
leselect.value  
value vaudra immediatement la valeur qui aura été sélectionnée.

Reply

Marsh Posté le 19-12-2005 à 09:46:59    

Code :
  1. <html>
  2. <head>
  3. <title></title>
  4. <script type="text/javascript">
  5. function verif() {
  6. with (document.form) {
  7.  champs1.value = sujet.value;
  8. }
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <form name="form">
  14. <select name="sujet" OnChange="return verif();">
  15. <option select>Sélectionner un sujet</option>
  16. <option value="commentaire">1. Commentaire</option>
  17. <option value="Question">2. Question</option>
  18. <option value="Suggestion">3. Suggestion</option>
  19. <option value="Lien cassé">4. Lien cassé</option>
  20. <option value="Autre">5. Autre</option>
  21. </select>
  22. <input type="text" id="champs1" name="champs1">
  23. </form>
  24. </body>
  25. </html>

Reply

Marsh Posté le 19-12-2005 à 14:14:18    

Merci c'est exactement se que je cherchais a faire.

Reply

Sujets relatifs:

Leave a Replay

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