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
}); |
Partager