javascript - 从视图传递多个值

Question

在我的 MVC 应用程序中，我需要在下拉列表中加载硬编码的值列表，并在用户单击“取消”按钮时将它们传递给控制器​​。

在我看来，我现在有以下几点：

<%=Html.DropDownList("Cancellation Reason", new List<SelectListItem>
                     {
                        new SelectListItem{ Text="Text1", Value = "Reason1" }, 
                        new SelectListItem{ Text="Text2", Value = "Reason2" },
                        new SelectListItem{ Text="Text3", Value = "Reason3" },                        
}) %> 
<input type="button" value="Cancel" id="Cancel" onclick="CancelProgram('<%= Model.Id %>');"/>

如何将两个值（Model.ID 和用户在下拉列表中选择的值）传递给 CancelProgram 方法，该方法又会（在 .js 文件中）调用控制器操作？

Answer 1

您可以使用 javascript 填充两个隐藏字段并将它们映射然后传递给操作。

<input type="hidden" id="value1" name="value1" value="" />
<input type="hidden" id="value2" name="value2" value="" />


public ViewResult PostAction(string value1, string value2)
{

Answer 2

您可以使用 jQuery 使用以下语句轻松获取 DropDownList 的选定值： $('#Cancellation_Reason').val() 获得值后，您可以将其添加到提交给控制器的数据中。