首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从文本框中获取值并将其从actionlink传递到控制器

从文本框中获取值并将其从ActionLink传递到控制器,可以通过以下步骤实现:

  1. 在前端页面中,使用HTML的<input>标签创建一个文本框,并设置一个唯一的id属性,用于后续获取文本框的值。例如:
代码语言:txt
复制
<input type="text" id="myTextBox" />
  1. 在前端页面中,创建一个ActionLink,并使用JavaScript/jQuery来获取文本框的值,并将其作为参数传递给ActionLink。例如:
代码语言:txt
复制
@Html.ActionLink("传递值", "ControllerAction", new { value = "" }, new { id = "myActionLink" })
代码语言:txt
复制
$(document).ready(function() {
    $("#myActionLink").click(function() {
        var textBoxValue = $("#myTextBox").val();
        var actionLinkUrl = $(this).attr("href");
        actionLinkUrl = actionLinkUrl.replace("", textBoxValue);
        $(this).attr("href", actionLinkUrl);
    });
});

在上述代码中,通过$("#myTextBox").val()获取文本框的值,并使用$(this).attr("href")获取ActionLink的URL。然后,使用replace方法将URL中的空字符串替换为文本框的值,并将修改后的URL重新赋值给ActionLink的href属性。

  1. 在控制器中,接收ActionLink传递的值,并进行相应的处理。例如:
代码语言:txt
复制
public ActionResult ControllerAction(string value)
{
    // 对传递的值进行处理
    // ...
    return View();
}

在上述代码中,通过string value参数接收ActionLink传递的值,并进行相应的处理。

这样,当用户在文本框中输入值后,点击ActionLink时,文本框的值将作为参数传递给控制器的ControllerAction方法进行处理。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ASP.NET MVC5高级编程——(4)表单和HTML辅助方法

这些类可以查看任意类型的Ienumerable对象并将其转换为SelectListItem对象的序列。 例如,StoreManager控制器的Edit操作: ?...然后,辅助方法估测名称剩余的部分(Price),找到相应的值。 注意渲染得到的input元素的id特性值使用下划线代替了点(但name特性依然使用点)。...视图: @Html.TextBox("Title", Model.Title) 强类型的辅助方法 如果不适应使用字符串字面值视图数据中提取值的话,也可以使用MVC提供的各种强类型辅助方法。...渲染辅助方法 12.Html.ActionLink和Html.RouteLink ActionLink辅助方法能渲染一个超链接(锚标签),渲染的链接指向另一个控制器操作,与前面看到的BeginForm辅助方法一样...HTML标记: 1 LinkText 当需要一个指向不同控制器操作的链接时,可通过ActionLink方法的第三个参数来指定控制器名称

2.9K30

ASP.NET MVC 5 -控制器访问数据模型

private MovieDBContext db = new MovieDBContext(); 强类型模型和 @model 关键字 在本系列前面教程,您看到了使用ViewBag对象,控制器传递数据或对象给视图模板...请注意这些代码是如何在Index操作方法,创建List对象,调用View方法的。...控制器访问数据模型是MVC数据传递重要的知识部分,深入理解了这部分内容才能更好的进行MVC开发。当然,借助一些开发工具一样助力开发过程。...ASP.NET MVC 5 - 控制器 3. ASP.NET MVC 5 - 视图 4. ASP.NET MVC 5 - 将数据控制器传递给视图 5. ...ASP.NET MVC 5 - 创建连接字符串(Connection String)使用SQL Server LocalDB 7. ASP.NET MVC 5 - 控制器访问数据模型 8.

5.8K50

ASP.NET MVC学习笔记03视图

用Razor编写一个视图模板文件时,将 所需的字符和键盘敲击数量降到了最低,实现了快速,流畅的编码工作流程。 ---- 控制器返回指定视图 当前在控制器的Index方法返回了一个硬编码的字符串。...在布局模板页面内修改ActionLink内容, 把网站标题 “应用程序名称“ 修改为 “MVC Movie。参考上图,保存运行。 ?...修改视图 通过修改布局模板上的站点标题后缀,ActionLink的文本内容,修改了站点标题,站点名称,以及版权说明的通用部分,适配到了所有的页面。...上图中所做的修改,如给ViewBag.Title 变量的值都会传递如图3.5所示的页面布局,从而替换掉其中的变量实现页面内容的加载。...使用布局模板页面,可以很容易进行一个 修改应用到所有页面 对视图的介绍就是这样,下面开始接触MVC的M,但是在介绍模型之前,不得不说一下数据是如何控制器传给视图的,下一篇就先解决清楚这个问题。

2K30

ASP.NET MVC 5 - 视图

用Razor编写一个视图模板文件时,将所需的字符和键盘敲击数量降到了最低,实现了快速,流畅的编码工作流程。 当前在控制器的Index方法返回了一个硬编码的字符串。...在布局模板页面内修改ActionLink内容, 把网站标题 " Application name " 修改为 "MVC Movie”,修改控制器参数Home为Movies....这个MVC 应用程序有了一个"V"(视图),也有了一个"C"(控制器),但还没有"M"(模型)。不过稍后,我们将介绍如何创建一个数据库检索数据模型。...ASP.NET MVC 5 - 控制器 3. ASP.NET MVC 5 - 视图 4. ASP.NET MVC 5 - 将数据控制器传递给视图 5. ...ASP.NET MVC 5 - 创建连接字符串(Connection String)使用SQL Server LocalDB 7. ASP.NET MVC 5 - 控制器访问数据模型 8.

3.2K80

ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

第三篇讨论了控制器如何与视图做交互的,特别地讨论了你可以把视图数据控制器传给视图以显示返回到客户端的回复的各种方法。...在实现我们的List视图时,我们首先将更新我们网页的后台代码,ViewPage继承而来,这样页面的ViewData属性将是我们的控制器传过来的Category对象的类型(第三部分对此有详细讨论...Create" action方法则处理表单提交过来的值,根据这些值在数据库中生成一个新产品,然后将客户转向产品的分类列表网页。...在第一个预览版,只有"ActionLink"方法是内置于System.Web.Extensions(目前实现核心ASP.NET MVC框架的程序集)的。...我将讨论你如何在MVC框架中使用ASP.NET AJAX进行启用AJAX的编辑。我还将对如何单元测试控制器和向控制器添加依赖注入做深入的探讨。 希望本文对你有所帮助, Scott

5.1K70

Asp.Net MVC4入门指南(6):验证编辑方法和编辑视图

在本节,您将开始修改为电影控制器所新加的操作方法和视图。然后,您将添加一个自定义的搜索页。 在浏览器地址栏里追加/Movies, 浏览Movies页面。并进入编辑(Edit)页面。...因此,ASP.NET 将http://localhost:xxxxx/Movies/Edit/4转化Movies 控制器Edit操作方法,参数ID等于 4 的请求。...ID=4还会将参数ID为 4的请求传递给Movies控制器的Edit操作方法。 打开Movies控制器。如下所示的两个Edit操作方法。...现在,您可以实现SearchIndex视图并将其显示给用户。在SearchIndex方法内单击右键,然后单击添加视图。在添加视图对话框,指定你要将Movie对象传递给视图模板作为其模型类。...在下一节,您将看到如何将属性添加到Movie模型,以及如何添加一个初始设定自动创建一个测试数据库。

4.2K100

ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

ID=3还会将参数ID为 3的请求传递给Movies控制器的Edit操作方法。 ? 打开Movies控制器。如下所示的两个Edit操作方法。...在数据库,Contains映射到to SQL LIKE,这是大小写不敏感的。 现在,您可以实现Index视图并将其显示给用户。 运行这个应用程序和导航 /Movies/Index。...在下一节,您将看到如何添加一个属性Movie model,和如何添加一个初始值设定项值,它会自动创建一个测试数据库。...ASP.NET MVC 5 - 控制器 3. ASP.NET MVC 5 - 视图 4. ASP.NET MVC 5 - 将数据控制器传递给视图 5. ...ASP.NET MVC 5 - 创建连接字符串(Connection String)使用SQL Server LocalDB 7. ASP.NET MVC 5 - 控制器访问数据模型 8.

6.7K110

Asp.Net MVC4入门指南(5):控制器访问数据模型

因为应用程序依赖于默认路由 ( Global.asax文件的定义),浏览器请求http://localhost:xxxxx/Movies将被路由Movies控制器默认的Index 操作方法。...强类型模型和 @model 关键字 在本系列之前的教程,您看到了使用ViewBag对象,控制器传递数据或对象给视图模板。ViewBag是一个动态的对象,提供了方便的后期绑定方法将信息传递给视图。...请注意这些代码是如何在Index操作方法,创建List对象,调用View方法的。...此代码在控制器传递Movies列表给视图: public ActionResult Index() { return View(db.Movies.ToList()); } 当您创建电影控制器时...控制器访问数据模型是MVC数据传递重要的知识部分,深入理解了这部分内容才能更好的进行MVC开发。当然,借助一些开发工具一样助力开发过程。

4.2K50

ASP.NET MVC学习笔记06编辑方法和编辑视图

因 此,ASP.NET 将 http://localhost:xxxxx/Movies/Edit/4转化 Movies 控制器 Edit操作 方法,参数 ID等于1 的请求。...绑定(Bind)属性是另一个重要安全机制,可以防止黑客攻击(over-posting数据模型)。应该只包含在bind属性属性,本教程中使用的简单模型,模型绑定所有数据。...HttpGet Edit方法会获取电影ID参数、 查找影片使用 Entity Framework 的Find 方法,返回 选定影片的编辑视图。...他们得到一个电影对象(或对象列表,如本案例的 Index),并把模型数据传递给视图。Create方法传递一个空的影片对象给Create视图。...在下一篇,将看到如何添加一个属性 Movie model,和如何添加一个初始值设定项值,它会自动创建一个测试数据库。

5K50

ASP.NET 5系列教程 (三):view components介绍

在ASP.NET MVC 6,view components (VCs) 功能类似于虚拟视图,但是功能更加强大。 VCs兼顾了视图和控制器的优点,你可以把VCs 看作一个Mini 控制器。...类似于ASP.NET 控制器, VC 可以作为POCO使用,但是更多用户倾向于使用 VewComponent中继承而来的方法和属性。 VC的创建方式有: 继承ViewComponent....· 调用View的公开方法,可以传递任意数量的参数。在异步版本, InvokeAsync是可用的。在后续章节我们将提及InvokeAsync 和多参数的使用方法。...如果 VC 调用方法没有传递视图的名称 (如例子中所示),那么默认情况下则调用视图名称对于方法。在后续的文章,将阐述如何传递视图名称。...其余参数参数传递给该VC。在这个例子,我们传递“1”作为过滤的优先级。InvokeAsync 方法可以包含任意数量的参数。

1.7K60

【ASP.NET Core 基础知识】--MVC框架--Views和Razor语法

视图的作用 数据呈现: 主要职责是将数据Controller层传递用户界面,展示给用户。这包括显示数据库查询结果、业务逻辑计算的输出等。... 在这个例子,User.Name 是一个C#变量,其值将被嵌入HTML。 表达式:使用 @ 符号后跟C#表达式,将其输出到HTML。...支持的数据源 模型绑定可以多个数据源获取数据,包括: 查询字符串(Query String): 通过URL的查询参数传递的数据。...了解如何有效地使用模型绑定可以简化控制器的代码,使数据传递更为方便和可靠。...[HttpPost] public IActionResult MyAction([FromBody] MyModel model) { // 请求体获取 JSON 数据绑定 MyModel

24320

ASP.NET MVC 5 - 给数据模型添加校验器

如何验证创建视图和创建方法 您可能很想知道验证用户界面在没有更新控制器或视图代码的情况下是如何生成的。下面列出了MovieController类的Create方法。...这两个Helper方法将处理由控制器传递视图的模型对象(在这里是,Movie对象)。它们会自动查找模型中指定的验证属性,显示适当的错误消息。...该DataType 属性传递数据的语义,而不是如何呈现它在屏幕上,具有以下的优点,不带DisplayFormat的: · 浏览器可以使HTML5的功能(例如显示一个日历控件,在区域设置相应的货币符号,...ASP.NET MVC 5 - 控制器 3. ASP.NET MVC 5 - 视图 4. ASP.NET MVC 5 - 将数据控制器传递给视图 5. ...ASP.NET MVC 5 - 创建连接字符串(Connection String)使用SQL Server LocalDB 7. ASP.NET MVC 5 - 控制器访问数据模型 8.

9K70

精通MVC3摘译(2)-生成URL

处理发来的URL只是MVC的一部分,我们也需要生成一些URL植入到我们的view,让用户点击,并提交表单目标controller和action,下面会介绍一些生成URL的技巧。...方法得到的HTML就如下: About this application 你能看到如何用这种方法生成链接来处理维护问题。...每一个路由都会被检查是否匹配,是否满足下面的3个条件: 1.URL模式定义的片段变量的值都存在,路由系统首先会匿名对象的属性值查找值,然后再是当前请求的变量值,最后是路由中定义的默认值。...传递额外的值 你可以传递使用匿名类型为片段变量传值,其中匿名变量的属性表示片段。...当我们在描述路由匹配生成URL的方法时,我们提到,在尝试查找每个路由URL模式的片段时,路由系统会当前的请求查找值,这个行为让很多程序困惑。

80410

ASP.NET MVC 5 - 给电影表和模型添加新字段

在下一节,我们将让更多的架构更改,使用迁移来更新的数据库。 此外您也应该把Rating 字段添加到Edit、Details和Delete的视图模板。...在本节,您看到了如何修改模型对象始终保持其和数据库Schema的同步。您还学习了使用填充示例数据来创建新数据库的例子,您可以反复尝试。...接下来,让我们看看如何将丰富的验证逻辑添加到模型类,对模型类执行一些强制的业务规则验证。相信有了本节如何修改模型对象始终保持其和数据库Schema同步的内容介绍,大家会对MVC的理解又加深一步。...ASP.NET MVC 5 - 控制器 3. ASP.NET MVC 5 - 视图 4. ASP.NET MVC 5 - 将数据控制器传递给视图 5. ...ASP.NET MVC 5 - 创建连接字符串(Connection String)使用SQL Server LocalDB 7. ASP.NET MVC 5 - 控制器访问数据模型 8.

2.4K80

ASP.NET MVC编程——视图

@i2 } } 使用函数 @CheckHelp(10,1111) @functions 定义一个方法供当前页使用,若使用IHtmlString作为方法的返回值,则可将其回传给当前页...2.1输出超链接 ActionLink 有几个重载方法,选参数最多的一个 public static MvcHtmlString ActionLink(this HtmlHelper htmlHelper...Views文件夹下的Shared保存多个控制器共享的视图 视图定位规则是,先在Views文件夹找对应控制器控制器方法的视图,没有找到就到Shared文件夹下找。...@Html.Partial("_header") 7视图向控制器传递数据 1)使用表单向控制器传递数据 视图代码 @using (Html.BeginForm("TestFrom", "Home"))...ViewBag.Un = un; ViewBag.Pw = pw; return PartialView("TestPy"); } 2)通过路由参数向控制器传递数据

3K100

Tapestry 教程(五)实现Hi-Lo猜谜游戏

那我们是如何知道“action”才是正确的事件名称的呢?因为ActionLink就是这么规定的,这也是为什么它被命名为ActionLink的原因。...这里的解决方案就是标记出其值应该在从一个请求接下来的请求(再接下来、再接下来……)持续存在。...注意onActionFromMakeGuess()方法现在有了一个参数:这个参数就是被ActionLink编码URL的上线文的值。...当用户点击了链接时,Tapestry会自动URL获取到字符串,将其转换为一个int并将这个int传递给事件处理器方法。并不要你写多余的什么代码。 到此,page有了部分的可操作性: ?...此外,稍后我们会见到其它的在page之间共享信息的方式,比起这里展示的设置持久化的方法少了些笨重。 接下来:让我们看看Tapestry如何处理HTML表单和用户输入。

1K20

MVC5 Entity Framework学习之异步和存储过程

在之前的文章,你已经学习了如何使用同步编程模型来读取和更新数据,在本节你将学习如何实现异步编程模型。异步可以使应用程序执行更有效率,因为它可以更有效的使用服务器资源。...同样在本节你还将学习如何针对实体的insert, update, 和delete操作使用存储过程。 最后将应用程序部署 Windows Azure。 下面是完成后的页面 ? ?...创建Department控制器 创建一个Department控制器,选中Use async controller actions 复选框 ?...程序运行一切正常,但在此控制器,所有SQL查询都是异步执行的。 当你使用Entity Framework来进行异步编程时要注意: 异步代码不是线程安全的。...部署Windows Azure 本节需要你完成之前的 MVC5 Entity Framework学习之Code First迁移和部署 教程的将应用程序部署Windows Azure章节,如果在迁移中出现错误

1.3K90

struts2(三)---使用EL表达式,显示Action的数据

转载请注明:http://blog.csdn.net/uniquewonderq 使用EL表达式,显示Action的数据 问题: 在struts2框架下,如何将业务控制器Action的数据传递给JSP...它仅仅要求我们在Action定义属性,并为属性提供get方法,那么Action跳转到JSP时,struts2会自动的通过这些get方法将这些属性的值传递给JSP。...实现步骤: 步骤一:在Action,给属性追加get方法 在HelloAction,给realName属性追加get方法,用于页面的EL表达式访问取值,user属性已经有了get方法,不需要再追加...在文本框输入内容,点击提交,此时表单数据提交给了HelloAction,HelloAction接受到了表单数据后,跳转到了hello.jsp,我们在hello.jsp上使用EL表达式来输出HelloAction...2.页面上写EL表达式,实际上与两种注入方式,对应的表单文本框name表达式写法一致。

83520
领券