如何将下拉列表中所选项的值作为参数传递给控制器(Google 图表）

How to pass the value of the selected item from the drop down list as an argument to the Controller (Google charts)?

本文关键字：参数传递 控制器 图表 Google 下拉列表 选项      更新时间：2023-09-26

我正在尝试获取下拉列表中所选项目的值，然后通过GetChartData将该值传递给MVC控制器，以便我可以使用该值从数据库中获取数据。我正在使用谷歌图表来显示数据。这是我到目前为止正在做的事情：

编辑 

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.....
        );
}

好吧，你应该能够做这样的事情：

{ sID: "@Model.SiteId", region: $('#selectregion').val() }

您需要为您的选择提供一个 ID：

<select name="selectregion" id="selectregion">

然后，"区域"将在控制器的表单数据中可用。

相关文章：