jQuery を使用してリストボックスから選択したオプションを取得しようとしています。これがコードです。
$('#rt_select').click(function(e) {
var selectedOpts = $('#source-listbox option:selected');
}
selectedOpts がオブジェクトであることはわかっていますが、このオブジェクトから選択されたオプションの値を取得するにはどうすればよいですか?
.val() を使用して、選択した値を取得できます
var selectedOpts = $('#source-listbox').val();
値を選択するには、次のように記述します。
var val = selectedOpts.val();
または直接電話する
var val = $('#source-listbox').val();
更新: 複数のオプションの選択
var values = [];
var selectedOpts = $('#source-listbox option:selected');
for (var x in selectedOpts) {
values.push($(selectedOpts[x]).val());
}
alert(values); //contains all values
これを試して:
$('#rt_select').click(function(e) {
// will give you selected options separated by (,)
var option = $('#source-listbox').val();
alert(option);
});
ここで働くフィドル:http://jsfiddle.net/wCu5y/
$.map()を試して、リスト内の選択されたすべてのアイテムを取得してください
var selectedValues = $.map($('#ddlList option:selected'), function (element) {
return eelement.value;
});