使用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.