javascript - ドロップダウンで複数の選択された値を取得するにはどうすればよいですか

Question

で定義された複数の選択名でドロップダウンを使用していますselect[]

jqueryを使用して選択した値を取得するにはどうすればよいですか?

Answer 1

他のフォーム要素と同じように-を使用しますval()。

var selectedValues = $("#select").val();

複数選択すると、値がコンマ区切りの文字列として表示され、サーバー側の処理のために簡単に投稿したり、必要に応じて配列に分割したりできます。

フィドルの例

Answer 2

ラベル付きの値が必要な場合。次に、解決策は次のとおりです。

var hexvalues = [];
var labelvalues = [];

$('#myMultiSelect :selected').each(function(i, selectedElement) {
 hexvalues[i] = $(selectedElement).val();
 labelvalues[i] = $(selectedElement).text();
});

Answer 3

これを試して、

ライブデモ

$('#btn').click(function(){
    $('#select option:selected').each(function(){
        alert($(this).text());
    });
})​

Answer 4

試す

 var selectedItems= $('#ddlId option:selected');

selectedItems.each(function(obj,ind){
     $(obj).val() ;
} // or do with for (var i=0// normal js loop

Answer 5

これを試してみてください：

$("select[name^='select[']:eq(0)").val();

eq（0）は、同じ名前の要素のインデックスを示していることを忘れないでください。