从 URL 操作调用 JavaScript 函数答案

【问题标题】：Calling a JavaScript function from a URL action从 URL 操作调用 JavaScript 函数
【发布时间】：2015-05-10 17:08:44
【问题描述】：

我需要获取输入的值并将其传递给 select2 以获取建议。如何从 URL 操作调用 JavaScript 函数

@* Name *@
<input id="Name" name="AccountName" type="text" value="" autocomplete="off" data-url="@Url.Action("*********", "******")" data-urlonselect="@Url.Action("*****", "*******")">

@* Group / HQ *@
@Html.Select2Ajax("newGroup", Url.Action("******", "****", new { valuefromInput = MyFunction(); }))

【问题讨论】：

标签： c# razor jquery-select2

【解决方案1】：

我从未使用过 Select2，因此其中可能有一些我不知道的功能。话虽如此，Url.Action() is question 是 ASP.NET MC 框架的标准部分，我觉得根据它来回答比较舒服。

Url.Action 是服务器端剃须刀指令。这意味着所有处理都在请求时发生在网络服务器上。它不知道也不可能知道将来可能执行的 JavaScript。

我的建议是创建一个隐藏的输入或不可见的 div，并将 Url.Action 的输出存储在该容器中，使用可识别的占位符作为输入值，例如“-12”。然后，在响应输入更改的 javascript 中，您可以将占位符动态替换为其实际值，并在选择框上相应地设置该属性。您可能需要也可能不需要在每次调用时重新初始化 Select2 下拉菜单。

至少，这就是我会尝试的原因。希望这可以帮助！ =)

【讨论】：

当用户填写 input id="Name" 时，我想将该值传递给 URL 操作。这是在一个表单中，直到首先填写所有内容后才会提交。我想将input 中的值传递给Select2Ajax，以根据input 中输入的值获取组建议。 Screenshot