le MEMO du WEB développeur
 

••• Les formulaires HTML •••   Liste des Mémos, astuces et bonnes pratiques

Imposer une taille max aux fichiers uploadés sur le serveur - Divers
Valider un formulaire en javascript - Javascript
Plugin JQuery Select Box / Drop-Down / Liste déroulante. Un joli select - JQuery
Vérifier si un champs est bien renseigné dans un formulaire HTML - Javascript
Récupérer le contenu ou afficher du texte dans un textarea en JQuery - JQuery
Empêcher de coller du texte dans un champs input de type text - JQuery
Formulaire de paiement paypal en PHP - PHP
Empêcher l'autocomplétion dans les formulaires - HTML
Problème de slash sur passage de paramètres dans formulaire - HTML

Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire - Javascript

Méthode javascript pour récupérer la valeur ainsi que le texte sélectionné dans une liste déroulante (élément select HTML)

Code HTML :

<select id="ComboPays"  >
<option value="français" >FRANCE</option>
<option value="italien" select="selected">ITALIE</option>
</select>

Code Javascript :

<script>
var selectElmt = document.getElementById("ComboPays");
var valeurselectionnee = selectElmt.options[selectElmt.selectedIndex].value;
var textselectionne = selectElmt.options[selectElmt.selectedIndex].text;
</script>

Soit une liste déroulante SELECT contenant deux items FRANCE et ITALIE, l'item ITALIE est préselectionné via l'attribut select.

Nous récupérons en javascript le texte et la valeur (value) de l'item sélectionné dans la liste déroulante grâce aux méthodes combinées options[] et selectedIndex.

la variable valeurselectionne contient "italien"

la variable textselectionne contient "ITALIE"

Voir aussi : joliSelect, un plugin JQuery Pour personnaliser le design de vos listes déroulantes

publié le 02/08/2012 par Memo Web
Formulaires
Commentaire :
thx pour ce tuto
par inconnu, le 23/02/2015
merci!
par inconnu, le 22/03/2014
merci =D
par inconnu, le 05/02/2014
Sa marche pas chez moi avec ajax
par inconnu, le 22/10/2013
Merci bcp pour le tutoriel ça m'a vraiment aidé ^_^"
par inconnu, le 22/08/2013
Commenter le Mémo :

Lecture seule d'un textarea en JQuery - JQuery
Limiter le nombre de caractères saisis dans un textarea - HTML
Jquery récupérer les valeurs de checkbox, select et radio - JQuery
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos