4

私は、セレクターから関数に引数を渡そうとしている新しい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()')

しかし、私はそれが完全に正しくないことを知っています。

4

3 に答える 3

5

ここではJqueryのchangeメソッドを使用できますChange（）

$(function()
{
  $('#year_menu').change(function(){
      select_year_data($(this).val())
  });
});
于 2012-05-15T05:27:21.257 に答える
1

このような？

function select_year_data() {
    var y = $('#year_menu.val()';
    year_data = data.filter(function(d) {return d.year==y})
}
于 2012-05-15T05:23:48.543 に答える
1

関数を $.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.
于 2012-05-15T05:28:55.303 に答える