javascript - JavaScript/jQuery で複数の SELECT 値を読み取る

Question

SELECT multiple を使用すると、閲覧者がドロップダウン リストで複数のアイテムを選択できるようになり、フォームの送信で選択したすべてのアイテムが渡されることを理解しています。しかし、フォームの送信がなく、選択した変更を監視しているだけの場合、これは JavaScript でどのように機能しますか。

$('#delete_dropdown').change(function(e){

次に、選択した値を探し$(e.target).val()ますか?

ありがとう

Answer 1

ハンドラー内のコンテキストを見ることができthis、val() は要素の配列を返します。jquery を使用すると、次のことができます。

   $('#delete_dropdown').change(function(e){
        var selectedArray = $(this).val();  //Array of selected values
   });

フィドル

バニラ JavaScript を使用している場合は、オプションをループして、どれが選択されているかを確認し、自分に合ったものを追加する必要があります。