jquery - 使用 jQuery 从列表框中检索项目

Question

我正在尝试使用 jQuery 从列表框中检索选择的选项。这是代码。

$('#rt_select').click(function(e) {
            var selectedOpts = $('#source-listbox option:selected');

}

我知道 selectedOpts 是一个对象，那么如何获取从此对象中选择的选项的值？

Answer 1

您可以使用 .val() 来获取选定的值

var selectedOpts = $('#source-listbox').val();

Answer 2

要选择值，请写下：

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

Answer 3

像这样，

   str = "";
   $.each(selectedOpts, function (index, value) {
    str += value+" ";
   });
   alert(str);

Answer 4

尝试这个：

$('#rt_select').click(function(e) {
  // will give you selected options separated by (,)
  var option = $('#source-listbox').val();
  alert(option);
});

在这里工作小提琴：http: //jsfiddle.net/wCu5y/

Answer 5

尝试$.map()以获取列表中的所有选定项目

var selectedValues = $.map($('#ddlList option:selected'), function (element) {
        return eelement.value;
    }); 

Answer 6

$("#demo").live("click", function () {
        //Get selected option of the HTML SELECT
        var selectedItem = $("#mySelect option:selected").last();
 
        //Get the value of the selected option
        alert("SelectedItem Value: " + selectedItem.val());
 
        //Get html or text of the selected option
        alert("SelectedItem Text: " + selectedItem.html());
 
        //Get index of selected option
        alert("SelectedItem Index: " + selectedItem.index());
    });