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

＆＃13;

$("#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());
    });

＆＃13;

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

6 个答案: