1

我现在有点困惑，要设置场景，页面顶部有一个下拉列表，后面是一堆“可点击”的 DIV 元素，我通过包裹一个 Action 使它们可点击他们。

但是，问题是它们都没有向控制器发布值，所以我无法读取下拉列表的内容。进一步阅读表明这是因为我使用的 Action 通常不会发布值。

但是，到目前为止，我发现的所有示例似乎都包含“提交”输入类型按钮，但如果 DIV 元素既可以用作按钮，也可以用作发布值，我更愿意。

我想问题是，在我放弃我想做的事情之前——这可能吗？任何帮助表示赞赏！

表格内（下拉）

      <div class="row">

            <span class="label label-primary">Reporting Period </span> @Html.DropDownListFor(x => x.ReportQuarterID, new SelectList(Model.ReportingQuarters, "Id", "Name", new { @class = "dropdown" }), new { @id = "ddlReportingQuarter" })

        </div>

表单内（可点击的 div）

           <a href="@Url.Action("QuarterlySpendBySite", "Reports")">
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 hvr-grow">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title y-bgc-s1">
                            <h5>Quarterly Spend By Site</h5>
                        </div>
                        <div class="ibox-content no-padding">



                        </div>
                    </div>
                </div>
            </a>

控制器内

   [HttpPost]
    public ActionResult QuarterlySpendBySite()
    {

        return View(new Test.Models.TestReporting_BL());
    }

上面的例程被忽略，如果我删除 HTTPPost 它会正常工作，但如果我尝试 Request.Form["ddlReportingQuarter"] - 它返回 null。

4

1 回答 1

0 
    <script type="text/javascript">
$(function() {
    $('#ActionLinkId').click(function() {

     var selectedVal=$("#ddlReportingQuarter option:selected").val();

        $.post({
            url: $('#ActionLinkId').attr('href'),
            type: 'post',
            data: {selectVal: selectedVal}
            success: function(data) {

            }

        });

        // prevent the default action, If not it'll redirect
        return false;
       });
      }
</script>

并在控制器中进行此更改。

 [HttpPost]
       public ActionResult QuarterlySpendBySite(string selectVal)
       {

            return View(new Test.Models.TestReporting_BL());
       }
于 2015-07-26T18:05:10.700 回答