valeur Select avant soumettre formulaire

**Ontolingua** · 23/09/2010, 22h21

Mon problème peut être banal pour certain, mais pas moi je galère

J'explique,

Dans mon formulaire, j'ai un select de liste des matières, et je voudrai au moment que je fasse une autocompletion sur un autre champ, je recupère ma valeur de select
j'utilise le Jquery,

Remarque cette action est indépendante de la soumission du formulaire, autrement je peux la récupérer en php.
j'ai fait

Code :

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

1
2
3
 
var mat = $("select[name='mat_id']").val();
         alert(mat);

l'alerte me donne undefined

Quelqu'un peut m'aider .?

Merci par avance

**marcha** · 24/09/2010, 11h18

Salut,

A priori rien de spécial dans le code que tu as donné.

Quand appelle-tu ces lignes ? peux tu donner un peu plus de code ?

**Arnaud F.** · 24/09/2010, 12h47

Bonjour,

c'est normal que l'alert vous retourne undefined, la valeur que vous souhaitez récupérer est sur l'option sélectionnée, pas sur le select lui même.

pour récupérer la valeur du select, il faut faire :

Code :

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

1
2
3
 
// Recherche le select ayant pour nom mat_id, une fois trouvé descend sur l'option sélectionnée.
$("select[name='mat_id'] > option:selected").val()

Ou alors, en changeant le contexte :

Code :

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

1
2
3
 
// On change le contexte, autrement dit, on dit que le select ayant pour nom mat_id est la base et on recherche tous les descendants étant sélectionnés.
$(":selected", "select[name='mat_id']").val()

**marcha** · 24/09/2010, 13h56

Envoyé par Arnaud F.

c'est normal que l'alert vous retourne undefined, la valeur que vous souhaitez récupérer est sur l'option sélectionnée, pas sur le select lui même.

C'est faux, JQuery.val() gère justement ce genre de cas. Le problème
ne vient pas de là. Pour s'en convaincre, testez le code suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
<select id='liste'>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
</select>
<script type='text/javascript'>
$(function() {
	$('#liste').change(function() {
		alert($(this).val()); # this représente le select, pas l'option
	});
});
</script>
</body>

**Arnaud F.** · 24/09/2010, 14h24

Ah oui, au temps pour moi

valeur Select avant soumettre formulaire

jQuery

Vue hybride

Discussions similaires

Partager

Partager