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

10 mars 2010 par blog.yann Laisser une réponse »

Pour accéder facilement à la sélection d’un select vous pouvez utiliser jQuery
démo ici

<select id='monselect'>
    <option value=''></option>
    <option value='1'>valeur 1</option>
    <option value='2'>valeur 2</option>
</select>

on récupére la valeur à chaque changement de sélection avec la méthode .change()

$(document).ready(function(){
    $('#monselect').change(function () {
        v =  $("#monselect option:selected").val();
        t =  $("#monselect option:selected").text();
        $('#retour').html(v+" "+t);
 
    })
    .trigger('change');
 
})

.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.

function recup(){
    document.getElementById('monselect').options[document.getElementById('monselect').selectedIndex].value;
}


ShareThis

Posté dans Developpement, Jquery

Tags:

Vous pouvez suivre n'importe laquelle de ces entrées à travers le Flux RSS 2.0. Vous pouvez laisser une réponse , ou rétrolien à partir de votre propre site.

Publicité

1 commentaire

Ajouter votre commentaire
  1. diabless6 dit :
    18 novembre 2010 à

    Il faudrait rajouter un petit truc comme ça dans le code apparent :
    Remplacer les values par A et B c’est plus « visible »
    Par contre le trigger, je ne vois pas à quoi il sert ici !

Laisser un commentaire