1. ホーム
  2. javascript

[解決済み] <select multiple=multiple>から選択されたすべての値を取得する方法は?

2022-04-27 18:36:39

質問

これはすでに質問されたものを見つけることができなかったので奇妙に思えたが、ここに行く!

以下のようなhtmlがあります。

<select id="select-meal-type" multiple="multiple">
    <option value="1">Breakfast</option>
    <option value="2">Lunch</option>
    <option value="3">Dinner</option>
    <option value="4">Snacks</option>
    <option value="5">Dessert</option>
</select>

ユーザーが選択したすべての値(配列?)をjavascriptで取得するにはどうすればよいですか?

例えば、ユーザーがランチとスナックを選択した場合、{ 2, 4 }の配列が欲しいのですが。

これはとても簡単な作業のように思えるのですが、なかなかできません。

ありがとうございます。

解決方法は?

通常の方法です。

var values = $('#select-meal-type').val();

から ドキュメント :

の場合 <select multiple="multiple"> 要素では .val() メソッドは、選択された各オプションを含む配列を返します。