Select onchange js

Version imprimable

Select onchange js

J'ai déjà posté ma demande ici:
http://www.developpez.net/forums/d63...lect-onchange/

A savoir, j'ai commencé à faire ça:

Code:

1
2
3
4
5
6
7
8
 function select() {
            document.getElementById('idSelect').onchange = recup;
        }
        function recup() {
            /* récupération de la valeur sélectionnée */
           var valeur = document.getElementById('idSelect').value;
           window.alert(valeur);
        }

Merci

Bonjour,

et comme ca ?

Code:

1
2
3
document.getElementById('idSelect').onchange = function(){
alert(document.getElementById('idSelect').value);
}

24/10/2008, 17h01
Bovino

Code:

function select()

Il est tout de même très fortement déconseillé d'utiliser select comme nom de variable ou de fonction !
24/10/2008, 17h02
ThomasR

Citation:

Envoyé par Bovino

Code:

function select()

Il est tout de même très fortement déconseillé d'utiliser select comme nom de variable ou de fonction !

C'est bien vrai, d'autant plus que rien ne déclenche cette fonction. Si c'est un onchange de ton select qui la déclenche, aucun interet de redéclarer, dans cette meme fonction l'évenement onchange.
24/10/2008, 17h17
khaoula_14_05
Bonsoir,
Citation:
Envoyé par ThomasR

Bonjour,

et comme ca ?

Code:

1 2 3 document.getElementById('idSelect').onchange = function(){ alert(document.getElementById('idSelect').value); }
Je l'ai testé dès le début et ça n'a rien donné :(
24/10/2008, 17h57
khaoula_14_05

c'est ok pour la récupération d'un élément de la liste mais comment faire pour récupérer les libellés? :cry:
25/10/2008, 16h36
Bovino

Code:

alert(document.getElementById('idSelect').options[document.getElementById('idSelect').selectedIndex].innerHTML);
27/10/2008, 12h51
khaoula_14_05

Merci pour ton aide mais je crois tu n'as pas compris ce que je voudrais obtenir.
En fait, lorsque je sélectionne 999, dans le txt correspondant, il faut que ça m'affiche "libelle" (qui se trouve dans la base) et lorsque je sélectionne 222, il faut que ça m'affiche dans le txt "libelle 222".
Il faut alors que je récupère tous les libellés à partir de la base dans une fonction javascript et les faire correspondre à l'élément sélectionné.

Merci
27/10/2008, 13h01
ThomasR

Bonjour,

je n'ai pas tout compris, qu'est ce qu'un "txt correspondant" ?

Si tu récupères tes informations d'une base de données, c'est en PHP que tu dois séléctionner les valeurs affichés dans les menu-déroulant.

Je doute que tu le fasses via AJAX ? Je me trompe ?

Aussi, quelle est la difficulté que tu rencontres ?
27/10/2008, 13h25
khaoula_14_05

1 pièce(s) jointe(s)

Tout d'abord, je travaille avec le framework Struts et non pas php :aie:
J'ai réussi à remplir la liste à partir de la base à l'aide de struts.
regarde la pièce jointe:

Je voudrais utiliser javascript pour afficher dans un champ texte:
**** "libelle" si 9999 est sélectionné
**** "libelle 222" si 222 est sélectionné

Les libellés,je les récupère de la base dans une classe JAVA, comment les appeler en javascript? :bug:

Merci

Pour vérifier une valeur et l'afficher en JS, rien de plus simple, par contre, pourquio vérifier 222 et 999 uniquement ? Cela-a-t-il une réelle signification ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function verifSelect(tonSelect){
    var value = tonSelect.options[tonSelect.selectedIndex].value;
    if(value == 222){
       document.getElementById('tonInput').value = "libelle " + value;
    }
    else if(value == 999){
       document.getElementById('tonInput').value = "libelle";
    }
    else{
       alert('Mauvaise valeur choisie');
    }
}

Code:

1
2
3
4
5
 
<select name="valeurs" id="tonSelect" onchange="verifSelect(this);">
<option value="222">222</option>
<option value="999">999</option>
</select>

Attention :

Code:

tonSelect.options[tonSelect.selectedIndex].value;

Renvoie une chaîne, or

Code:

if(value == 222)

Tu testes sur un number...
Il vaut mieux faire :

Code:

if(value == '222')

Sinon, tu peux aussi mettre dans le value de tes selects le texte à afficher :
Code:

1 2 3 4 5 <select name="valeurs" id="tonSelect" onchange="verifSelect(this);"> <option value="libellé">222</option> <option value="libellé 999">999</option> </select> <input type="text" value="libellé" id="tonInput" />
Puis :
Code:

1 2 3 4 function verifSelect(tonSelect){ document.getElementById('tonInput').value = document.getElementById('tonSelect').options[tonSelect.selectedIndex].value; } }

27/10/2008, 14h28
khaoula_14_05

Tu m'as pas comprise non plus :cry:

9999 et 222 c'est à titre d'exemple!

Je donne un autre exemple: dans la base, j'ai une table qui contient les codes des pays et leurs libellés. Les codes, je les récupère dans une liste déroulante et les codes correspondants je les affiche dans un champ texte dont la valeur change lorsque je sélectionne un nouvel élément de la liste.

Par exemple, si je sélectionne le code "TAN", dans le champ texte ç affiche "TANZANIA"... Le libellé est généré d'une façon dynamique.