Description

get the selected option jquery ?

## Comment récupérer la valeur d’une option sélectionnée dans un select avec jQuery

Vous cherchez à récupérer la valeur d’une option sélectionnée dans un HTML utilisant jQuery ? C’est un exercice simple !

Des nombreux ressources en ligne, telles que les pages de la documentation jQuery et les forums Stack Overflow, vous expliquent comment y parvenir.

Voici une explication concise et un exemple de code :

**Méthode:**

Au cœur de cette opération se trouve la méthode **`.val()`** de jQuery. Cette méthode permet d’accéder à la valeur de l’élément sélectionné.

**Exemple:**

“`html

Option 1
Option 2
Option 3

$(document).ready(function() {
var selectedValue = $(“#mySelect”).val();
console.log(“La valeur de l’option sélectionnée est : ” + selectedValue); // Affiche “option2”
});

“`

**Explication:**

1. **`$(document).ready(function() { … });`**: Assurez-vous que le code JavaScript s’exécute après le chargement complet du document HTML.

2. **`$(“#mySelect”)`**: Sélectionne l’élément avec l’ID “mySelect”.

3. **`.val()`**: Récupère la valeur de l’option actuellement sélectionnée dans le `select`.

4. **`console.log(…)`**: Affiche la valeur récupérée dans la console du navigateur.

**Conseils:**

* Le `.val()` retourne une chaîne de caractères, même si l’option a une valeur numérique.
* Vous pouvez utiliser d’autres méthodes de sélection jQuery pour cibler le `select` si vous n’utilisez pas un ID.
* Consultez la documentation jQuery (https://api.jquery.com/) pour plus de détails sur la méthode `.val()`.

J’espère que cet article vous a été utile ! N’hésitez pas à poser des questions si vous avez besoin d’aide.