jquery返回选择标签中的选定项目的文本加上其他选择标签中选定项目的文本

Question

我在我的网站上有两个select标签。当我尝试在一个select标记中获取选定项目的文本时，我发现它会返回两个select标记的两个文本，即使我指定通过类属性从哪个select中检索数据。

我的代码是

$('select.select').change(function(e) { 

e.preventDefault(); 
var val1 = $(' option:selected').text(); 
alert(val1); 


}); 

$('select.select2').change(function(e) { 

e.preventDefault(); 

var val2 = $(' option:selected').text(); 
alert(val2); 


}); 

警报总是包含级联两个select标签的文本。

您的常见帮助表示赞赏。

Answer 1

也许更新选择指定选择的范围：

$('select.select').change(function(e) { 

    e.preventDefault(); 
    var val1 = $('option:selected', this).text(); 
    alert(val1); 

    return false; 

    }); 

$('option:selected', this)将返回改变元素的上下文中发现价值的选择。

Answer 2

这是因为这$('option:selected').text();你有两个选定的选项在你的页面，所以它返回两个值。

Answer 3

你需要这样做：

// Call the change event for the select 
$('select.select').change(function (e) { 

    e.preventDefault(); 

    // Get the selected option for the select in current scope 
    var text = $(this).find('option:selected').text(); 
    alert(text); 

    //return false; No need of this, as we already called the preventDefault() method 
}); 

Answer 4

你需要指定类，当你检索值：

var val1 = $('.select option:selected').text(); 

和

var val2 = $('.select2 option:selected').text();