Accès à l’élément sélectionné d’un select en jQuery

Laisser une réponse »

Pour accéder facilement à la sélection d’un select vous pouvez utiliser jQuery
démo ici
[cc lang=’html’ width=’100%’]

[/cc]

on récupére la valeur à chaque changement de sélection avec la méthode .change()
[cc lang=’js’ width=’100%’]
$(document).ready(function(){
$(‘#monselect’).change(function () {
v = $(« #monselect option:selected »).val();
t = $(« #monselect option:selected »).text();
$(‘#retour’).html(v+ » « +t);

})
.trigger(‘change’);

})

[/cc]
.val() récupère le value de l’élement sélectionné, alors que .text() renvoie le texte affiché dans le select.

Sans jQuery on pourrait utiliser une fonction appelée sur l’évènement onchange du select.
[cc lang=’js’ width=’100%’]
function recup(){
document.getElementById(‘monselect’).options[document.getElementById(‘monselect’).selectedIndex].value;
}
[/cc]



ShareThis

Publicité

Laisser un commentaire