afficher la valeur d'une liste deroulante

**michab18** · 20/09/2009, 14h03

bonjour à tous,
mon problème est simple je veut afficher le choix d'une liste déroulante, dans mon exemple ici il affiche la valeur 2 ou 3 par exemple ce que je voudrais c'est l'inverse qu'il m'affiche option 2 ou option 3 suivant le choix. si quelqu'un peut m'aider ce serais sympa.
voici le code:

Code php :

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
</head>
 
<body>
<?php
$mon_champ = isset($_POST['mon_champ']) ? $_POST['mon_champ'] : '';
 
if ($mon_champ >=1) {
?>
    Votre champ contenait :
    <b><?php echo $mon_champ; ?></b>
    <br/><br/>
<?php
}
?>
 
<form method="POST">
    <select name="mon_champ" >
      <option value="0">Option 1</option>
      <option value="1">Option 2</option>
      <option value="2">Option 3</option>
    </select>
    <input type="submit" value="OK"/>
</form>
 
 
 
</body>
</html>

**Argonz** · 20/09/2009, 15h00

Salut,

Si j'ai bien compris ce que tu veux, il te faut mettre dans la valeur que tu veux récupérer dans la propriété value.

ça donne donc :

Code :

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

1
2
 
<option value="Option 1">Option 1</option>

J'espère que c'est ça que tu voulais.

**michab18** · 20/09/2009, 15h10

en fait j'ai besoin de garder

Code :

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

<option value="0">Option 1</option>

option value en chiffre, dans mon exemple lorsque j'excécute il affiche 0, je voudrais qu'il affiche "option 1" à la place de 0 sans devoir modifier les options values.
je cherche depuis ce matin impossible de trouver.

**Argonz** · 20/09/2009, 15h31

Alors t'as plusieurs possibilité.

1) Soi tu fais correspondre un tableau un tableau entre tes valeurs entière (1,2,3) et tes valeurs type string.

2) Soi tu fais une structure conditionnel genre :
si $mon_champ = 1 Affiche Option 1
si $mon_champ = 2 Affiche Option 2
si $mon_champ = 3 Affiche Option 3

tu peux utiliser if..elseif..elseif..else ou alors tu fais un case.

3) ou alors tu remplace t'a valeurs 1 par Option 1, etc. Et quand tu dois la récupérer tu extrait le dernier caractère de la chaine et tu le convertit en valeur entière (mais c'est pas super beau comme code à mon avis...)

Voila j'espère que ça t'aide

**michab18** · 20/09/2009, 15h39

la proposition avec les if j'avais déjà essayé mais c'est assez long car il faut faire un if pour chaque option, ici c'est un simple exemple pour faire mon test mais en réalité je peut avoir jusqu'à 10 options pour une dizaine de menu. je pensais qu'il existait un moyen plus simple et plus leger.en tout cas je te remerci pour tes conseils.

**michab18** · 20/09/2009, 15h47

j'ai besoin de php pour envoyer les éléments par mail quand je serai plus avancé. je n'ai pas besoin de recevoir les options values mais ce que l'utilisateur à séléctionné. mais j'ai besoin des options value pour afficher un total. la page que je fais est un peu complexe. mais si c'est quelqu'un à le temps je peut expliquer en détail.

**Bovino** · 20/09/2009, 15h48

Le problème est qu'une fois arrivé coté serveur, les informations présentes sur la page sont perdues... Une solution peut être de passer par un champ caché :

Code php :

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
37
<head>
<script type="text/javascript">
function change(valeur){
    document.getElementById('new_valeur').value= valeur;
}
</script>
 
</head>
 
<body>
<?php
$mon_champ = isset($_POST['mon_champ']) ? $_POST['mon_champ'] : '';
$ma_valeur = isset($_POST['ma_valeur']) ? $_POST['ma_valeur'] : '';
 
if ($mon_champ >=1) {
?>
    Votre champ contenait :
    <b><?php echo $ma_valeur; ?></b>
    <br/><br/>
<?php
}
?>
 
<form method="POST">
    <select name="mon_champ" onchange="change(this.options[this.selectedIndex].innerHTML)">
      <option value="0">Option 1</option>
      <option value="1">Option 2</option>
      <option value="2">Option 3</option>
    </select>
    <input type="hidden" name="ma_valeur" id="new_valeur" />
    <input type="submit" value="OK"/>
</form>
 
 
 
</body>
</html>

**Bovino** · 20/09/2009, 15h34

Salut,
Je vois mal le rapport avec JavaScript puisque tu effectues l'affichage coté serveur

De plus dans ce cas, tu es sensé connaitre la valeur de l'option associée à celle sélectionnée.
Sinon, si tu veux effectuer l'affichage au changement de valeur :

Code html :

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
<head>
<script type="text/javascript">
function change(valeur){
    document.getElementById('new_valeur').innerHTML = valeur;
}
</script>
</head>
 
<body>
    Votre choix est :
    <b id="new_valeur"></b>
    <br/><br/>
<form method="POST">
    <select name="mon_champ" onchange="change(this.options[this.selectedIndex].innerHTML)">
      <option value="0">Option 1</option>
      <option value="1">Option 2</option>
      <option value="2">Option 3</option>
    </select>
    <input type="submit" value="OK"/>
</form>
 
 
 
</body>
</html>

afficher la valeur d'une liste deroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager