par
Ryle » 19 janv. 2007, 12:58
En fait si j'ai bien compris, tu veux faire afficher dynamiquement la valeur de l'attribut "value" de l'option sélectionnée en dehors de la liste ?
pour ça il va te falloir renseigner l'attribut onChange du select pour lui faire exécuter cette action et ajouter un élément (champ input, span, ...) dans lequel on va pouvoir afficher la valeur :
Je vais opter pour un <span> dans un premier temps. Je lui donne un id afin de pouvoir l'identifier en javascript dans la page :
/*Je veux recuperer $code_lieu[$d]*/
/*et l'afficher ici [i]echo "Cle:".variable_recupere; */
echo '<span id="valeurSelect"></span>';
Je ne met rien dedans, le contenu sera renseigné par le choix du select, mais on pourrait très envisager une valeur par défaut
Ensuite on ajoute le onChange dans le select :
$liste .= '<select name="Lieu" id="Lieu"
onchange="document.getElementById(\'valeurSelect\').innerHTML = this.options[this.selectedIndex].value;">';
Pour le détail :
document.getElementById('valeurSelect') => correspond au span
document.getElementById('valeurSelect').innerHTML => correspon au contenu du span
this => correspond à l'élément courrant (le select donc

)
this.options => correspond au tableau d'option du select
this.selectedIndex => correspond à l'index de l'élément sélectionné
this.options[this.selectedIndex] => correspond a l'option selectionnée
this.options[this.selectedIndex].value => correspond à la valeur de l'option sélectionnée
En fait si j'ai bien compris, tu veux faire afficher dynamiquement la valeur de l'attribut "value" de l'option sélectionnée en dehors de la liste ?
pour ça il va te falloir renseigner l'attribut onChange du select pour lui faire exécuter cette action et ajouter un élément (champ input, span, ...) dans lequel on va pouvoir afficher la valeur :
Je vais opter pour un <span> dans un premier temps. Je lui donne un id afin de pouvoir l'identifier en javascript dans la page :
[php]/*Je veux recuperer $code_lieu[$d]*/
/*et l'afficher ici [i]echo "Cle:".variable_recupere; */
echo '<span id="valeurSelect"></span>'; [/php]
Je ne met rien dedans, le contenu sera renseigné par le choix du select, mais on pourrait très envisager une valeur par défaut :)
Ensuite on ajoute le onChange dans le select :
[php]$liste .= '<select name="Lieu" id="Lieu"
onchange="document.getElementById(\'valeurSelect\').innerHTML = this.options[this.selectedIndex].value;">'; [/php]
Pour le détail :
document.getElementById('valeurSelect') => correspond au span
document.getElementById('valeurSelect').innerHTML => correspon au contenu du span
this => correspond à l'élément courrant (le select donc :))
this.options => correspond au tableau d'option du select
this.selectedIndex => correspond à l'index de l'élément sélectionné
this.options[this.selectedIndex] => correspond a l'option selectionnée
this.options[this.selectedIndex].value => correspond à la valeur de l'option sélectionnée