Maison > interface Web > js tutoriel > Comment récupérer les valeurs sélectionnées à partir d'un élément à sélection multiple en JavaScript ?

Comment récupérer les valeurs sélectionnées à partir d'un élément à sélection multiple en JavaScript ?

Susan Sarandon
Libérer: 2024-11-04 00:46:02
original
749 Les gens l'ont consulté

How to Retrieve Selected Values From a Multiple Select Element in JavaScript?

Récupération de valeurs à partir de plusieurs éléments de sélection

Lorsque vous traitez des éléments de formulaire comportant plusieurs sélections, une tâche courante consiste à extraire les valeurs sélectionnées. Ceci est particulièrement pertinent pour les scénarios dans lesquels vous devez capturer les préférences ou les choix d'un utilisateur.

Technique JavaScript pour extraire les valeurs sélectionnées

Pour récupérer les valeurs sélectionnées à partir d'un élément avec l'attribut multiple, JavaScript fournit une approche simple :

<code class="javascript">function getSelectValues(select) {
  var values = [];
  for (var i = 0; i < select.options.length; i++) {
    if (select.options[i].selected) {
      values.push(select.options[i].value || select.options[i].text);
    }
  }
  return values;
}
Copier après la connexion

Cette fonction parcourt l'élément