Question

我需要在Button OnClick方法中获取两个参数的值。

<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" onclick="location.href='@Url.Action("ServiceDetails", "ServiceHeaders")?Remark='+ $('#txtRemarks').val(),?Cost='+ $('#txtCost').val()" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" onclick="location.href='@Url.Action("ServiceDetails", "ServiceHeaders")?Remark='+ $('#txtRemarks').val()'+'?Cost='+ $('#txtCost').val()" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" onclick="location.href='@Url.Action("ServiceDetails", "ServiceHeaders")?Remark='+ $('#txtRemarks').val() & ?Cost='+ $('#txtCost').val()" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" onclick="location.href='@Url.Action("ServiceDetails", "ServiceHeaders")?Remark='+ $('#txtRemarks').val():?Cost='+ $('#txtCost').val()" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" onclick="location.href='@Url.Action("ServiceDetails", "ServiceHeaders")?Remark='+ $('#txtRemarks').val() && ?Cost='+ $('#txtCost').val()" />    
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" onclick="location.href='@Url.Action("ServiceDetails", "ServiceHeaders")?Remark='+ $('#txtRemarks').val(),?Cost='+ $('#txtCost').val()" />

我需要在Button OnClick方法的两个参数中获取txtRemarks和txtCost文本框值。

Answer 1

您可以像这样通过jQuery实现您的要求

更新cshtml

<input type="text" id="txtRemarks" value="Test" />
<input type="text" id="txtCost" value="10" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />
<input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />

将脚本标签添加到cshtml

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(document).ready(function() {
       updateAttr();
    });
    $("#txtRemarks, #txtCost").change(function() {
        updateAttr();
    });

    function updateAttr() {
        $('input[type="button"]').each(function(index, item) {

            var onclick = 'location.href=';
            onclick += '@Url.Action("ServiceDetails", "ServiceHeaders")';

            onclick += "?Remark=" + $('#txtRemarks').val();
            onclick += "?Cost=" + $('#txtCost').val();
            $(item).attr('onclick', onclick);
        });
    }

</script>

我测试了并且有效

Answer 2

我将依靠标准的ASP.NET MVC帮助器：

chtml

@using (Html.BeginForm("AddServiceHeaders", "ServiceDetails", FormMethod.Post))  
{ 
    @Html.EditorFor(model => model.Remark)  
    @Html.EditorFor(model => model.Cost)  

    <input type="button" id="btnAddtoGrid" value="Add" class="btn btn-group" />
}

c＃

public sealed class Model {
    public string Remark { get; set; }
    public int Cost { get; set; }
}

public class ServiceDetailsController : Controller {

    [HttpPost]
    public ActionResult AddServiceHeaders(Model model){
        // ..
    }

}

请参见example: Music Store。

我建议：

使用POST动词进行任何数据更新（将参数传递给请求正文中的服务器，而不是查询字符串）
使用输入验证
保护您的数据免遭恶意行为-请参阅AntiForgeryToken

如何在MVC视图按钮OnClick方法中为两个参数获取两个输入值？

2 个答案: