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

Question

我的网站上有两个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();