Pour accéder facilement à la sélection d’un select vous pouvez utiliser jQuery
démo ici
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');
})
$('#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;
}
document.getElementById('monselect').options[document.getElementById('monselect').selectedIndex].value;
}
A consulter également :
ShareThis
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 !
merci pour $(« #monselect option:selected »).text();
je ne connaissais que le val() et le .text() me sera bien utile aussi
Le trigger simule l’action ‘change’. Du coup au chargement de la page la méthode est exécutée avant que le select ait été modifié par l’internaute.
Il faut donc dans certains cas (comm le mien) le retirer.
Merci en tous cas pour ce bout de code.