Wie erhalte ich ausgewählte Werte aus einem Mehrfachauswahlfeld in JavaScript?

Werte aus einem Mehrfachauswahlfeld mit JavaScript abrufen

In Szenarien, in denen Sie auf ein Mehrfachauswahlfeld stoßen, ist der Zugriff auf die ausgewählten Werte von entscheidender Bedeutung. Diese Frage befasst sich mit einem effektiven Ansatz zum Abrufen dieser Werte mithilfe von JavaScript.

Zunächst durchläuft das von Ihnen bereitgestellte Code-Snippet die Optionen des Mehrfachauswahlfelds und prüft, ob jede Option ausgewählt ist. Wenn „true“, wird der Wert der Option zu einem Array hinzugefügt.

Eine alternative Lösung wird unten vorgestellt, die eine prägnante und effiziente Möglichkeit bietet, die ausgewählten Werte zu erhalten:

<code class="js">function getSelectValues(select) {
  // Create an empty array to store the values.
  const result = [];

  // Obtain the options from the select element.
  const options = select && select.options;

  // Loop through the options to check which ones are selected.
  for (let i = 0; i < options.length; i++) {
    const option = options[i];

    // If the option is selected, we push its value into the result array.
    if (option.selected) {
      result.push(option.value || option.text);
    }
  }

  // Return the populated result array with the selected values.
  return result;
}

Diese Funktion übernimmt ein ausgewähltes Element als Argument und gibt ein Array ausgewählter Werte zurück. Hier ist ein kurzes Beispiel, das seine Verwendung demonstriert:

<code class="html"><select multiple>
  <option>Option 1</option>
  <option value="value-2">Option 2</option>
</select>

<button onclick="
  const selectElement = document.getElementsByTagName('select')[0];
  const selectedValues = getSelectValues(selectElement);
  console.log(selectedValues);
">Show Selected Values</button></code>

Das obige ist der detaillierte Inhalt vonWie erhalte ich ausgewählte Werte aus einem Mehrfachauswahlfeld in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!