如何从 ActionLink 中的输入提供价值？

Question

在我的 Razor 页面中，我有一个这样的输入框。我想将其内容作为参数提供给操作 link.

<input id="FullName" placeholder="Full name" />
@Html.ActionLink("beep", "Beep", new { Info = $("#FullName").val() })

如果我从控制台执行 $("#FullName").val()，我可以访问输入框中的值。但是，它不接受操作中的语法 link（需要其他字符等）。

如何检索数据并将其发送？

Answer 1

我能想到的最简单的方法是使用 jQuery:

将您的输入绑定到您的操作 link

var fullName = $("#FullName");
//change this selector to grab your ActionLink's ID
var anchorInfo = $("a");

fullName.on("keyup", function() {
    var value = $(this).val();
    anchorInfo.attr("info", value);
    //logging the keystrokes getting to the Info attribute
    console.log(anchorInfo.attr("info"));
});

Here's a Fiddle 的直接 HTML 解释。

编辑

修复了代码中的一些错误。现在应该可以走了。

如何从 ActionLink 中的输入提供价值？

How to provide value from an input in ActionLink?

asp.net-mvc

jquery

actionlink

razor

编辑