Selectionné un élément dans mon select [Résolu]

Messages postés
17
Date d'inscription
mercredi 27 août 2003
Statut
Membre
Dernière intervention
28 décembre 2010
- - Dernière réponse : @karamel
Messages postés
1723
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
20 novembre 2019
- 6 déc. 2010 à 18:03
Bonjour

Je me trouve face à un souci qui me semblait simple à résoudre, mais je sèche.

En fait, j'ai un élément "select" d'un formulaire qui doit se mettre à jour quand il prend le focus.

<select name='poste' id='poste' onfocus='id_focus();'>
<option value='59'>Choix 1</option>
<option value='70'>Choix 2</option>
<option value='186'>Choix 3</option>
</select>

Jusque là, rien de très compliqué.
Mais lorsqu'il a le focus, je veux que l'élément sélectionné soit celui définit au préalable par l'utilisateur dans un champ nommé "champ_focus", grâce à la fonction "id_focus();".
Par exemple, si il tape 186, lorsque le select prend le focus, il affiche "Choix 3".
Voilà ce que j'ai essayé, avec différentes variables, mais toujours en vain.

function id_focus()
{
var valeur=document.forms["ThisForm"].elements["champ_focus"].value;
document.forms["ThisForm"].elements["poste"].options[valeur].selected=true;
}


Je ne suis pas un expert en javascript et je suis persuadé d'avoir oublié quelque chose.
Merci de m'aider !
Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
1723
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
20 novembre 2019
49
3
Merci
il faut faire une boucle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function id_focus(){
for(var i=0;i<=document.getElementById('poste').options.length;i++){


if(document.getElementById('poste').options[i].value==document.getElementById('mon_input').value){
document.getElementById('poste').options[i].selected = true
}
}
}


</script>
</head>




<select name='poste' id='poste'>
<option value='59'>Choix 1</option>
<option value='70'>Choix 2</option>
<option value='186'>Choix 3</option>
</select>

</html> 


par contre apparement pour firefox lelement du select est surligne mais il faudra quand meme le selectionner

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 223 internautes nous ont dit merci ce mois-ci

Commenter la réponse de @karamel