单击按钮时获取div中的值

时间:2016-07-29 19:23:30

标签: asp.net-mvc-4

当我点击按钮时,我想在MVC中获取div中的值。

@foreach (var item in Model)
{
<div>
    <div style="float:left; width:100%;">
        <div class="itemTitleHeader">
            @item.Title
        </div>
    </div>
    <div>
        <div style="float:left; width:50%;">
            <div>
                <img src="@item.ProdImage" height="500" width="600" />
            </div>
        </div>
        <div style="float:right; width:50%;">
            @*<div class="itemByDesc">
                @item.Itemby
            </div>*@
            <br />
            <div class="itemPriceDesc" style="">
                Price @item.ItemPrice
            </div>
            <br />
            <div class="itemStatus">
                @item.ItemStatus
            </div>
            <br />
            <div>
                @item.GetitBy
            </div>

            <br />
            @using (Html.BeginForm("Details", "Amazon", FormMethod.Post))
            { 
                <div style="float:right;">
                    <input type="submit" value="Add to Cart" class="btn btn-default" />
                </div>
            }
        </div>

    </div>
    <br />
    <div style="float:left; width:100%;">
        <div>
            <div>
                @item.ProdDesc
            </div>
        </div>
    </div>
</div>
}

所以当我点击提交按钮时,我想将@ item.ItemPrice的值传递给控制器​​。怎么做?我正在努力学习mvc。可能是愚蠢的问题

1 个答案:

答案 0 :(得分:0)

您可以将表单中的值保存在隐藏字段中

@using (Html.BeginForm("Details", "Amazon", FormMethod.Post))
{ 
    <input type="hidden" name="itemPrice" value="@item.ItemPrice" />
    <div style="float:right;">
      <input type="submit" value="Add to Cart" class="btn btn-default" />
    </div>
}

现在,确保您的Details操作方法有一个参数,以便在提交表单时接受此表单值。 参数名称应与表单字段名称相同。

[HttpPost]
public ActionResult Details(decimal itemPrice)
{
  // to do : return something
}