javascript - 如何使用 javascript 将选定的下拉值传递到 Html.ActionLink

Question

我有一个位置代码下拉列表:

@Html.DropDownList("LocationCode", (SelectList)ViewBag.Values, "Search Location...", new { @value = "@ViewBag.LocationCode.ToString()", @class = "form-control btn btn-default dropdown-toggle", name = "LocationCode" })

下面是我的@Html.ActionLink，它调用导出到 Excel 函数:

@Html.ActionLink("Export to Excel", "ExportAllVehicleLocationsToExcel", new { id = "ExportAllVehicleLocationsToExcel" })

这是我的 Javascript 尝试，但不起作用:

jQuery(function () {
    $("#ExportAllVehicleLocationsToExcel").click(
    function AllVehicleLocationsSearch() {
        $('#LocationCode').val(LocationCode);
        }
    );
});

如何使用 Javascript 将选定的 LocationCode 传递到 @Html.ActionLink？

Answer 1

您需要根据所选值构建新的网址

用于生成 的代码应该是公正的(在使用 HtmlHelper 方法时切勿设置 value 属性，并且尝试设置 name > 幸运的是属性什么都不做)

@Html.DropDownList("LocationCode", (SelectList)ViewBag.Values, "Search Location...",
    new { @class = "form-control btn btn-default dropdown-toggle" })

链接可以只是

<a href="#" id="export">Export to Excel</a>

然后脚本将是

var baseUrl = '@Url.Action("ExportAllVehicleLocationsToExcel")';
$('#export').click(function() {
    location.href = baseUrl + '/' + $('#LocationCode').val();
})