JavaScript で複数の選択要素から選択された値を取得するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-11-04 00:46:02
オリジナル
723 人が閲覧しました

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

複数の選択要素から値を取得する

複数の選択を特徴とするフォーム要素を扱うときの一般的なタスクには、選択された値の抽出が含まれます。これは、ユーザーの設定や選択をキャプチャする必要があるシナリオに特に関連します。

選択された値を抽出するための JavaScript テクニック

選択された値を<選択> multiple 属性を持つ要素を使用する場合、JavaScript は簡単なアプローチを提供します。

<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;
}
ログイン後にコピー

この関数は