Discussion :

[khaoula_14_05]

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[ThomasR]

Bonjour,

et comme ca ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function select()

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

[ThomasR]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[khaoula_14_05]

Bonsoir,

Bonjour,

et comme ca ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é

[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?

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.getElementById('idSelect').options[document.getElementById('idSelect').selectedIndex].innerHTML);

[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

[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 ?

[khaoula_14_05]

Tout d'abord, je travaille avec le framework Struts et non pas php
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?

Merci

[ThomasR]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Attention :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tonSelect.options[tonSelect.selectedIndex].value;

Renvoie une chaîne, or

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(value == 222)

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(value == '222')

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[khaoula_14_05]

Tu m'as pas comprise non plus

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.