Recuperer variable d'un select multiple via javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Recuperer variable d'un select multiple via javascript

bm3w325i

Bonjour je souhaite récupérer une sélection dans un menu déroulant et l'afficher dans un input, malheureusement seul le premier élément de la liste s'afficher malgré la selection d'une autre valeur.

Function javascript pour récupérer l'élément sélectionne et l'afficher:

Code :

function recup() {
var r= document.getElementById('RR').innerHTML;
document.form.address.value=r;
};

Requête qui rempli ma liste:

Code :

<?php
if(isset($_POST["pays"])){
if (mysql_connect("localhost","root","" ) ) {
if (mysql_select_db("maps" ) ) {
$requete = "SELECT Region FROM listevilles WHERE pays='".$_POST["pays"]."'";
if ($res = mysql_query($requete) ) {
echo "<select name='Region' onChange='recup();' >";
while($row = mysql_fetch_assoc($res)){
echo "<option id='RR' value='Region'".$row["id"]."'>".$row["Region"]."</option>";
}
echo "</select>";
} else {
echo "Erreur de requête";
}
} else {
echo "Erreur sélection de base de données";
}
} else {
echo "Erreur de connexion mysql";
}
} else {
echo "pays non défini";
}
?>

Publicité

jeca

Bonjour,

Je ne vois pas de 'select multiple' dans ton formulaire.

Exemple pour un select multiple' :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr">
<head>
<meta http-equiv="content-Type" content="application/xhtml+xml; charset=iso-8859-1"/>
<title></title>
<script type="text/javascript">
function recupSelection(src, dest)
{
var valeur = src.options[src.selectedIndex].value;
if (valeur = '')
return;
dest.value += src.options[src.selectedIndex].value + 'n';
src.selectedIndex = 0;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="test[]" multiple="multiple" onchange="recupSelection(this, this.form.resultat)">
<option value="" selected="selected">-- Sélectionnez une valeur --</option>
<option value="tata">tata</option>
<option value="tete">tete</option>
<option value="titi">titi</option>
<option value="toto">toto</option>
<option value="tutu">tutu</option>
</select>
<br />
<textarea name="resultat"></textarea>
<br />
<input type="reset" value="Effacer" />
</form>
</body>
</html>

Et pour un 'select simple' :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr">
<head>
<meta http-equiv="content-Type" content="application/xhtml+xml; charset=iso-8859-1"/>
<title></title>
<script type="text/javascript">
function recupSelection(src, dest)
{
var valeur = src.options[src.selectedIndex].value;
if (valeur = '')
return;
dest.value = src.options[src.selectedIndex].value;
src.selectedIndex = 0;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="test" onchange="recupSelection(this, this.form.resultat)">
<option value="" selected="selected">-- Sélectionnez une valeur --</option>
<option value="tata">tata</option>
<option value="tete">tete</option>
<option value="titi">titi</option>
<option value="toto">toto</option>
<option value="tutu">tutu</option>
</select>
<br />
<input type="text" name="resultat" value="" />
<br />
<input type="reset" value="Effacer" />
</form>
</body>
</html>
ATTENTION ! manque un backslash entre les apostrophes et devant le n sur cette ligne : dest.value += src.options[src.selectedIndex].value + 'n';
effacé par l'éditeur.

Message édité par jeca le 04-11-2008 à 08:35:19

ZeBix

edit > preview

Effectivement il ne s'agir pas ici d'un select multiple comme expliqué dans ton titre, mais dans le corps de ton message tu dis "menu déroulant" donc j'ai tendance à croire qu'il s'agit bel et bien d'un select "normal" mais que tu as confondu le nom

- S'il s'agit d'un select multiple quand même :
* Il manque le mot MULTIPLE dans ta balise html du select.
* tu dois mettre "[]" après le nom de ta variable si tu veux espérer l'exploiter en PHP par la suite.

- S'il s'agit d'un select normal :
La valeurs ne se récupèrent pas avec un "innerHTML", qui est utilisé pour récupérer les valeurs des champs comme "<textarea>".
Voici comment ça marche :

Code :

function recup() {
var r= document.getElementById('RR').options[document.getElementById('RR').selectedIndex].value;
document.form.address.value=r;
}

Message édité par ZeBix le 04-11-2008 à 17:30:51

bm3w325i

Merci pour vos infos je débute et confond donc les termes. Mais si le multiple n'apparait pas c parce que j'ai du l'enlever, j'ai effectuer plusieurs test avant de poster et cela sans succès. Du coup j'ai collé le code sans le multiple.
Je vais analyser vos code en espérant y trouver ma réponse ^^.

bm3w325i

Quand je test ton code zebix, FireFox me retourne un "document.getElementById("RR" ).selectedIndex is undefined", comment le définir?
merci

bm3w325i

Résolu grace à:

f=form, s=select

Code :

function recup() {
var r= document.f.s.options[document.f.s.selectedIndex].value;
document.form.address.value=r;
};

Message édité par bm3w325i le 05-11-2008 à 01:07:14

ZeBix

edit > preview

Oui mon code était pour un select normal. Pour un select multiple, tu vas avoir des problèmes si plusieurs éléments sont sélectionnés, parce que le selectedIndex sera (je pense) une array ... Fais des tests en sélectionnant plusieurs éléments de ton select, et regarde ce que ça donne ...

bm3w325i

En fait je suis obligé de faire un <select> simple, car la valeur du <select> et utilisée dans le géocodeur de google , qui n'accepte apparemment qu'un seul nom à la fois. Mais bon la ca marche bien.
par contre lorsque je rafraîchi ma page au lieu de retourner sur le sélectionnez de ma liste déroulante il reste sur le dernier choix effectué un idée?

FORUM HardWare.fr

Programmation

HTML/CSS

Recuperer variable d'un select multiple via javascript

Sujets relatifs
Récupérer variable php d'un select multiple	recupérer filtre par selection pour filtrer un etat
[resolu]Verification 'variable \|\| contenu champ table mysql'	Récuperer le nom du fichier ouvert
Concatener des nom de variable	[PHP] Récupérer fichier CSV à partir d'une adresse puis copie serveur
onKeypress sur un SELECT
Plus de sujets relatifs à : Recuperer variable d'un select multiple via javascript

Page générée en 0.077 secondes