將選定的值傳遞給使用jquery選擇器的函數

Question

我是一個新的jquery/js用戶，試圖將選擇器的參數傳遞給函數。下面是一些代碼：

// function to select data 
var data = [ 
    {val: 10, year: 1990}, {val: 20, year: 1991} 
] 
var year_data = [] 
function select_year_data(y) { 
    year_data = data.filter(function(d) {return d.year==y}) 
} 

//選擇

<select name="Year" id = "year_menu" style="width: 230px; position: absolute; left: 400px; top: 50px"> 
<option value=1990>1990</option> 
<option value=1991>1991</option> 
</select> 

我想什麼做的是這樣的：

<onchange>select_year_data($('#year_menu.val()') 

但我知道這是不是很對。

Answer 1

Jquery的變化的方法可以在這裏使用Change()

$(function() 
{ 
    $('#year_menu').change(function(){ 
     select_year_data($(this).val()) 
    }); 
}); 

Answer 2

是什麼？

function select_year_data() { 
    var y = $('#year_menu.val()'; 
    year_data = data.filter(function(d) {return d.year==y}) 
} 

Answer 3

如果您使用的功能$.onchange的回調，那麼你將永遠有基於變量year_data

選擇的用戶選擇的數據

function select_year_data() { 
    var y = $(this).val(); 
    year_data = data.filter(function(d) {return d.year==y}); 
} 
// call that func on change event 
$('#year_menu').change(select_year_data); 

// or straight forward one without another function 
$('#year_menu').change(function(){ 
    var y = $(this).val(); 
    year_data = data.filter(function(d) {return d.year==y}); 
}); 
// assuming year_data and data is declared in global scope.