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

时间:2016-03-31 22:31:50

标签: jquery asp.net-mvc razor actionlink

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

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

如果我从控制台执行 $(&#34;#FullName&#34;)。val(),我可以访问输入框中的值。但是,它不接受动作链接中的语法(期望其他字符等)。

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

1 个答案:

答案 0 :(得分:1)

我能想到的最简单的方法是使用jQuery将输入绑定到您的操作链接:

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"));
});
直接HTML解释的

Here's a Fiddle

修改

修复了代码中的一些错误。现在应该很好。