使用按钮将选定的下拉值传递给控制器

Question

在下面的示例中，当单击按钮时，下拉列表中选择的值应传递给控制器​​，但不是。如何传递值？

查看：

@model BillingModel
...
<select id="ddl" asp-for="SelectedCompanyID" asp-items="Model.Companies" class="form-control"></select>

<a asp-action="Create" asp-controller="Invoice" asp-route-id="@Model.SelectedCompanyID" class="btn btn-primary btn-sm"></span> Create Invoice</a>
....

型号：

public class BillingModel
{
    public int SelectedCompanyID { get; set; }       

    public SelectList Companies { get; set; }    
}

Answer 1

您的链接使用剃须刀代码指定路由id 值，这是服务器端代码。它不会因为选择了一个选项而在客户端发生变化。

使用生成 GET 并提交选项值的表单

<form asp-controller="Invoice" asp-action="Create" method="get">
    <select id="ddl" asp-for="SelectedCompanyID" asp-items="Model.Companies" class="form-control"></select>
    <input type="submit" value="Create Invoice" /> // you can style this to look like your link if you want
</form>

请注意，这将生成带有 id 查询字符串值的 url，而不是路由值（即它将生成 ../Invoice/Create?id=1，而不是 ../Invoice/Create/1）

或者，您可以使用 javascript/jquery 根据所选选项构建一个 url 来进行重定向

<a id="create" href="#" class="btn btn-primary btn-sm">Create Invoice</a>

$('#create').click(function() {
    var baseUrl = '@Url.Action("Create", "Invoice")';
    location.href = baseUrl + '/' + $('#SelectedCompanyID').val();
}