Récupérer la valeur d'un select au click d'une option

**skyrex** · 01/03/2014, 22h31

bonsoir,
j'explique mon problème j'aimerais récupérer la valeur de ma balise select au clique de l'option choisi pour pouvoir l'injecter dans mes <input type 'text'>

j'ai penser faire un split du value récupérer pour pouvoir remplir mes 5 textbox

exemple je clique sur l'option qui a pour value 5,5,5,5,5
je le split par rapport au ","
apres je les injectes dans mes 5 textbox

mon code :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>modifier dans une BDD</title>
 <script type="text/javascript">
 
 var selectElmt = document.getElementById("VILLES");
 var valeurselectionnee = selectElmt.options[selectElmt.selectedIndex].value;
 </script>
 
<STYLE TYPE="text/css"> 
<!-- 
.droite { 
position:absolute; top: 40px; left: 400px ;
} 
.gauche { 
position:absolute; top: 50px; left: 20px;
} 
.bouttonaccueil { 
position:absolute; top: 200px; left: 800px;
} 
.bouttonmodifier{ 
position:absolute; top: 175px; left: 620px;
} 
--> 
</STYLE> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"/>
</head>
<body>
<form method="POST" action="#">
<fieldset>
 
<legend>modifier dans la Basse de Donnees</legend>
<div class=droite>
<table>
<tr>
<td><label>saisir le code de la ville : </label></td>
<td><input type='text' name='codeville' /> </td>
</tr>
<tr>
<td><label>saisir le nom de la ville : </label></td>
<td><input type='text' name='nomville' /> </td>
</tr>
<tr>
<td><label>saisir un code postal : </label></td>
<td><input type='text' name='codepostalville' /> </td>
</tr>
<tr>
<td><label>saisir le nombre d'habitant : </label></td>
<td><input type='text' name='nbhabitants' /> </td>
</tr>
<tr>
<td><label>saisir la superficie de la ville : </label></td>
<td><input type='text' name='superficieville' /> </td>
</tr>
</table>
</div>
 
<?php 
require_once 'connexion.php';
 
echo " <div class=gauche><select name='ville' size='7' id='VILLES'>";
$requete = "select * from ville order by ville.nomville";
$resultat = $idConnex->query($requete);
 
$tabresultat=$resultat->fetchall(PDO::FETCH_BOTH);
echo '<option value="champ" disabled="disabled">codeville nomville CodePostal nbhabitant superficie</option>';
foreach ($tabresultat as $ligne){
        $valeur=$ligne[0].",".$ligne[1].",".$ligne[2].",".$ligne[3].",".$ligne[4];
        echo '<option value="'.$valeur.'">'.$ligne[0]."-".$ligne[1]."-".$ligne[2]."-".$ligne[3]."-".$ligne[4].'</option>';
}
echo "</select></div>"
?>
 
 
<div class="bouttonmodifier">
<input name='modifier' type='submit' value='modifier'/>
</div>
<div class="bouttonaccueil">
<input type='button' value='page d"accueil'  onclick="document.location('pageAccueil.php')"/>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<?php  
if (isset($_POST['modifier'])) 
{ 
echo $_POST['ville']; 
} 
?> 
 
 
</fieldset>
</form>
</body>
</html>

merci de m'accorder votre temps

**ryan** · 01/03/2014, 23h33

Hola,

Pour récupérer la valeur de l'option sélectionnée:

Code html :

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

<select onchange="alert(this.options[selectedIndex].value);">

Si j'ai bien compris la question...

Note que l'évènement onchange implique que tu proposes un option "bateau" du genre "choisir une option" qui serait sélectionnée par défaut. Sinon, voir avec onclick.

**skyrex** · 02/03/2014, 00h42

c'est bien ca mais au lieu de l'afficher dans un message d'alerte je veux que le value soit dans une variable ^^'

merci de m'aider encore

**ryan** · 02/03/2014, 02h29

Holà again,

Oui bon, alert, c'était pour l'exemple. J'imaginais que ton problème était de récupérer la valeur de l'option...

Donc, pour compléter un champ de type text (ou hidden ) à partir de la valeur de l'option sélectionnée, voici une façon de faire:

Code html :

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

1
2
<input type="text" name="nom_champ_texte" id="id_champ_texte" value="">
<select onchange="document.getElementById('id_champ_texte').value=this.options[selectedIndex].value;">

**Bovino** · 02/03/2014, 10h02

skyrex, merci de lire et appliquer Important : Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré et non le code PHP qui n'est d'aucune utilité avec JavaScript !

Pour info

Code :

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

selectElmt.options[selectElmt.selectedIndex].value

est inutile depuis IE4 / Netscape4...

Code :

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

selectElmt.value

est largement suffisant !

Récupérer la valeur d'un select au click d'une option

JavaScript

Discussions similaires

Partager

Partager