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();