Accéder à une valeur d'un Option

**Dexter00** · 10/10/2006, 22h45

Salut, j'ai un petit soucis pour l'acces à une certaine valeur du formulaire via JavaScript...

Code :

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

1
2
3
4
5
<form name="form1">
<select name="liste">
<option value="Text1">Text2</option>
</select>
</form>

Dans ce code là, ya un élément de formulaire "Select" avec un seul élément Option, (à propos de <option> je pense qu'il n'est pas necessaire de refermer la balise).

Pour accéder à la valeur Text1, il faut utiliser le chemin: form1.liste.options[0].value il permet donc pas d'accéder à l'autre valeur: Text2. Je cherche donc le chemin à utiliser pour récupérer cette valeur là.

Et puis une autre question (secondaire au Post), c'est pour la récupération des variables par PHP...je crois qu'on utilise $_POST['Text1'] (ou $_GET[]) pour récupérer la valeur "Text2".

**Bisûnûrs** · 10/10/2006, 22h53

Envoyé par Dexter00

Pour accéder à la valeur Text1, il faut utiliser le chemin: form1.liste.options[0].value il permet donc pas d'accéder à l'autre valeur: Text2. Je cherche donc le chemin à utiliser pour récupérer cette valeur là.

Il me semble que l'on ne peut pas.

Envoyé par Dexter00

Et puis une autre question (secondaire au Post), c'est pour la récupération des variables par PHP...je crois qu'on utilise $_POST['Text1'] (ou $_GET[]) pour récupérer la valeur "Text2".

Non plus.
C'est $_POST['liste1'] qui renvoie "Texte1".

**Dexter00** · 10/10/2006, 23h05

Envoyé par BisounoursJos

Il me semble que l'on ne peut pas.

Non plus.
C'est $_POST['liste1'] qui renvoie "Texte1".

Merci pour ta réponse, je veux dire pour la réponse à la deuxieme question, c'est vrai.

**Dexter00** · 10/10/2006, 23h08

Aufait, ce que je voulais faire, c'est renvoyer tout les éléments d'une liste à une page PHP, parce que cette liste, est vide au début, puis l'utilisateur doi y ajouter des éléments pour la remplire et ensuite soumettre le formulaire...

**Auteur** · 10/10/2006, 23h56

bonjour,

à propos de <option> je pense qu'il n'est pas necessaire de refermer la balise).

si !

Syntaxe d'une liste :

Code :

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

1
2
3
4
5
 
<select size="1">
    <option value="">Option</option>
    <option value="">Option</option>
</select>

et c'est la règle.

Pour accèder aux options de la liste :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function maListe()
{
 var liste = document.getElementById("combo");
 var n = liste.options.length;
 var i, msg="";
 for (i=0; i<n; i++)
     msg += "i= "+i+" valeur= "+liste.options[i].value+"\n";
 
 alert(msg);
}
 
//-->
</script>
 
</head>
 
<body>
 
<select size="1" id="combo">
    <option value="v1">Option 1</option>
    <option value="v2">Option 2</option>
    <option value="v3">Option 3</option>
</select>
<input type="button" value="Afficher la lsite des valeurs" onclick="maListe()">
 
 
</body>
 
</html>

**Dexter00** · 11/10/2006, 03h59

Envoyé par Auteur

bonjour,

si !

Syntaxe d'une liste :

Code :

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

1
2
3
4
5
 
<select size="1">
    <option value="">Option</option>
    <option value="">Option</option>
</select>

et c'est la règle.

Pour accèder aux options de la liste :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function maListe()
{
 var liste = document.getElementById("combo");
 var n = liste.options.length;
 var i, msg="";
 for (i=0; i<n; i++)
     msg += "i= "+i+" valeur= "+liste.options[i].value+"\n";
 
 alert(msg);
}
 
//-->
</script>
 
</head>
 
<body>
 
<select size="1" id="combo">
    <option value="v1">Option 1</option>
    <option value="v2">Option 2</option>
    <option value="v3">Option 3</option>
</select>
<input type="button" value="Afficher la lsite des valeurs" onclick="maListe()">
 
 
</body>
 
</html>

Je crois que ce code n'affiche que la valeur de l'attribut value, il n'affiche donc pas "text2"

J'ai trouvé ce qui est censé afficher "text2" c'est options[i].text

Accéder à une valeur d'un Option

JavaScript

Discussions similaires

Partager

Partager