Articles Taggés ‘Select’

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

10 mars 2010

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

Mementos jQuery

4 mars 2010

Voici quelques mémento jQuery que j’ai trouvé sur le net :

Mémento jQuery 1.4

Version HTML
Version PDF

jquery.cheatsheet.1.4
Créé par Future Colors.

Mémento complet jQuery 1.3

par Antonio Lupetti

memento jQuery

memento jQuery

Source : http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html

Mémento pour la balise select

http://comp345.awardspace.com/select_element_cheatsheet.pdf

memento_select

memento_select

Trouvé sur le blog myphpetc.com

Extension firefox jQuery

jQuery Menu de Simon Lang

jQuery menu