使用jQuery获取在下拉列表中选择的当前值

Question

我的页面上有一组动态生成的下拉框.基本上我用jQuery克隆它们.现在我想捕获更改事件的每个下拉列表中选择的值.

我试过这样的东西,但是没用.

$('._someDropDown').live('change', function(e) {
            //debugger;
            var v = $(this);
            alert($(this + ':selected').val());
            alert($(this).val());
        });

我该如何完成？

Answer 1

获取所选选项的文本

$("#your_select :selected").text();

获取所选选项的值

$("#your_select").val();

Answer 2

这就是你需要的:)

$('._someDropDown').live('change', function(e) {
    console.log(e.target.options[e.target.selectedIndex].text);
});

对于新的jQuery使用 on

$(document).on('change', '._someDropDown', function(e) {
    console.log(this.options[e.target.selectedIndex].text);
});

Answer 3

$("#citiesList").change(function() {
    alert($("#citiesList option:selected").text());
    alert($("#citiesList option:selected").val());              
});

citiesList是select标签的id

Answer 4

检查出来 - >

获取文字

$("#selme").change(function(){
 $(this[this.selectedIndex]).text();
});

为了获得价值

$("#selme").change(function(){
 $(this[this.selectedIndex]).val();
});