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
[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]

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