Discussion :

[nigella]

Salut à tous,

je souhaite récupérer l'id de l'option selectionner à partir de l'evenement décrit plus bas, comment dois je m'y prendre?

Merci d'avance

Code :

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

1
2
3
4
5
6
7
8
9
 
<select id="selectContinents">
<option id="0" selected="">Selection</option>
<option id="1">afrique</option>
<option id="2">amérique</option>
<option id="3">asie</option>
<option id="4">europe</option>
<option id="5">océanie</option>
</select>

Code :

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

1
2
3
4
5
6
7
    $('select').change(function(){
        var idSelect = $(this).attr('id');
        var valSelect = $(this).val();
        var valOption = ???????;
        alert('id : '+idSelect+', valeur : '+valSelect);
    });

[Dark Ryus]

Tu compte récupérer quoi comme valeur de ta liste, le nom d'un continent ou un id ?

si tu fait :

Code :

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

1
2
3
4
5
6
7
8
9
 
<select id="selectContinents">
<option id="0" value="0" selected="">Selection</option>
<option id="1" value="1" >afrique</option>
<option id="2" value="2">amérique</option>
<option id="3" value="3">asie</option>
<option id="4" value="4">europe</option>
<option id="5" value="5">océanie</option>
</select>

la valeur de ton select correspondra à l'id de ton option

[nigella]

Salut,

Code :

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

1
2
3
var idSelect = $(this).attr('id'); --> récupère l'id du select (c.à.d : selectContinents).

var valSelect = $(this).val(); --> récupère la valeur de l'option sélectionner (ex : afrique).

je souhaite récupérer l'id de cet option (c.à.d : 1 pour afrique)

merci pour ta réactivité.

[hariman]

Code :

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

1
2
 
var mon_id_select = $("#selectContinent option:selected").attr("id");

[danielhagnoul]

Bonjour

Code :

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

1
2
 
var mon_id_select = $("#selectContinent option:selected").attr("id");

C'est juste mais on part de l’évènement "change".

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
<select id="selectContinents">
	<option id="c0" selected="selected" value="Sél">Selection</option>
	<option id="c1" value="Afr">afrique</option>
	<option id="c2" value="Amé">amérique</option>
	<option id="c3" value="Asi">asie</option>
	<option id="c4" value="Eur">europe</option>
	<option id="c5" value="Océ">océanie</option>
</select>
 
// un ID doit être unique et il doit commencer par un caractère alphabétique
 
$("#selectContinents").change(function(){
	var jObj = $("option", this).filter(":selected"), // objet jQuery contenant l'option sélectionnée
		id = jObj.get(0).id, // id
		n = id.slice(1), // numéro
		v = jObj.val(), // value
		t = jObj.text(); // texte
 
	console.log( id, n, v, t ); // touche F12 et volet console sur IE9, Chrome et Firefox
});