javascript - 如何将下拉列表中所选项目的值作为参数传递给控制器​​（谷歌图表）？

Question

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

已编辑

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

        );
}

Answer 1

好吧，您应该能够执行以下操作：

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

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

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

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