使用按鈕將選定的下拉值傳遞給控制器

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通過基於所選選項構建網址來進行重定向

<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();
}