ドロップダウン リストで選択した項目の値を取得し、その値を MVC コントローラーに渡して、その値をGetChartData
使用してデータベースからデータを取得しようとしています。データを表示するためにGoogleチャートを使用しています。これが私がこれまでにやっていることです:
編集済み
var selectedValue = 0;
$(document).ready(function () {
$('input').click(function () {
selectedValue = $('select option:selected').val();
drawChart();
});
});
編集終了
<form name="regionform" action="">
<select name="selectregion">
<option value="0" selected="selected">All Regions</option>
@foreach (var region in Model.RegionData)
{
<option value="@region.regionID"> @region.regionName</option>
}
</select>
</form>
.....more code.....
google.load('visualization', '1', { 'packages': ['annotatedtimeline'] });
google.setOnLoadCallback(drawChart);
function drawChart() {
$.post('/metrics/GetChartData', { sID: "@Model.SiteId", **regionID : selectedValue** },
function (data) {
.....code.....
);
}