`
齐晓威_518
  • 浏览: 618708 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

js实现前台动态添加文本框,后台获取文本框内容

 
阅读更多

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<title>
</title>
<head>
</head>
<body >
<form id="form1" action="request.jsp">
<script language="javascript" type="text/javascript">

var count=0 ;
function additem(id)
{
    var row,cell,str;
    row = document.getElementById(id).insertRow();
    if(row != null )
    {
cell = row.insertCell();
cell.innerHTML="<input id=\"St"+count+"\" type=\"text\" name=\"St"+count+"\" value= \"St"+count+"\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
count ++;
    }
}
function deleteitem(obj)
{
    var curRow = obj.parentNode.parentNode;
    tb.deleteRow(curRow.rowIndex);
}

function getsub()
{
var re="";
for (var    i = 0 ;i<count;i++)
{
re += document.getElementsByName("St"+i)[0].value;

}
document.getElementById("Hidden1").value=re;
}


</script><table id="tb"></table>
<input name="button" type="button" onclick='additem("tb")' value="添加>>"/><inputtype="submit" name="submit" onclick="getsub()" value="提交"/>
        <input id="Hidden1" name="Hidden1" type="hidden" value="" />
        </form>
</body>

</html>

分享到:
评论

相关推荐

    利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)

    在本文中,我们将深入探讨如何使用JavaScript(js)在前端动态添加文本框,并在后端获取这些文本框的内容。这是一个常见的需求,特别是在构建交互式Web应用程序时,用户可能需要输入多个相似的数据项。 首先,我们...

    C# 文本框自动完成

    在Web Form应用中,自动完成功能的实现稍微复杂一些,通常需要借助JavaScript或jQuery库配合后台的C#代码。例如,可以使用ASP.NET的`AutoCompleteExtender`控件,该控件是Ajax Control Toolkit的一部分。在后台,你...

    CS取前台INPUT值

    "CS取前台INPUT值"这个主题涉及到如何从Web页面的前端获取用户输入的数据,并在C#后台处理这些数据。这在办公自动化(OA)系统和其他需要用户交互的应用程序中是非常常见的需求。 首先,我们需要理解Web页面的基本...

    前台和后台查找页面上所有控件的通用方法

    本文将详细介绍两种不同的技术来实现这一目标:一种是前台JavaScript实现,另一种则是后台C#实现。这两种方法各有优势,并适用于不同的场景。 #### 二、前台JavaScript实现 在前端开发中,JavaScript是一种常用的...

    Asp.net 文本框全选的实现

    在Asp.net的网页设计(ASPX)文件中,我们可以使用JavaScript事件处理程序来实现鼠标滑过文本框时自动全选内容的功能。以下是一个示例: ```html ();this.select()"&gt;dsdsds ``` 或者,我们也可以在文本框获取焦点...

    [其他类别]atlas拼音首字母文本框自动完成源码_autocompletepinyin(ASP.NET源码).rar

    3. 前台JavaScript监听文本框的事件,如按键、焦点改变等,向服务器发送异步请求。 4. 服务器返回匹配结果后,使用Atlas的AJAX功能更新页面,显示建议列表。 5. 用户选择建议项后,可能需要更新文本框的值,并可能...

    .net 前台调用后台函数的 Ajax 方法

    在`sayhello`函数中,我们获取文本框的值,将其作为参数传递给后台的`testajax`方法,然后将返回的结果重新设置为文本框的值,实现前端与后端的通信。 请注意,这里的AjaxPro库已经较老,可能不支持最新的.NET框架...

    ace-admin后台管理前台模板

    "ace-admin后台管理前台模板"是一款专为构建高效、现代且响应式的后台管理系统界面而设计的前端框架。这款模板基于Bootstrap3,一个广泛使用的开源HTML、CSS和JS框架,能够帮助开发者快速创建出美观且一致的用户界面...

    js调用百度地图,地图数据存入数据库

    前台js函数 function AddAddressPint(x, y,tip) 在地图上添加一个标注,x,y为经纬度,tip为标注文本。 addmapPoint.aspx 在页面上添加一个标注。得到当前标注的经纬度,放到文本框中或隐藏域中。后台可得到经纬度...

    织梦添加上传pdf文件并且前台显示的操作

    - 在HTML部分,添加一个隐藏的input元素,其值动态获取PDF文件的URL。 ```html ``` 2. **修改上传文件模板**: - 在织梦系统中,默认上传文件时会自动添加一层table包裹,这可能会影响PDF文件的...

    .NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法

    具体来说,如果前台页面通过脚本(如JavaScript)给ReadOnly属性为true的TextBox赋值,后台代码(如C#)在尝试获取这个TextBox的Text属性时,将得到一个空值。这可能与微软设计.NET的初衷有关,他们可能想限制用户对...

    ajax 服务器文本框自动填值

    上文中的代码示例展示了如何使用AJAX技术实现页面内容的动态填充。具体来说,页面上的多个文本框(如fullname、Email、mobilphone和qq)根据用户的输入(用户名),通过JavaScript函数(WritedataTextcallback)动态...

    Jquery+asp.net后台数据传到前台js进行解析的方法

    ### Jquery+***后台数据传到前台js进行解析的方法知识点总结 在Web开发中,前后台数据交换是一个常见且重要的环节。*** 作为服务器端技术,结合 jQuery 这一客户端库,可以实现灵活的数据交互。本文详细阐述了如何...

    管理系统前台页面模版

    此外,模版中可能还包含了JavaScript脚本,用于实现页面的动态效果和客户端验证。 为了保证系统的可扩展性和易维护性,模版设计时应遵循良好的编码规范,如适当的注释、代码复用、响应式布局等。同时,考虑到SEO...

    Javaweb用户登录注册系统

    本系统使用 JQuery 和 JavaScript 实现前台逻辑,使用 JQuery 对文本框输入进行非空验证,并使用 JavaScript 实现页面跳转和数据提交。 css 和 Html 本系统使用 Html 和 CSS 实现前台页面设计,使用 CSS 定义页面...

    .net 关联文本框 日历控件

    &lt;script language="javascript" src="calendar.js"&gt; &lt;asp:TextBox ID="TBqi" runat="server" Height="12px" Width="82px"&gt;&lt;/asp:TextBox&gt; 后台 protected void Page_Load(object sender, EventArgs e) { this.TBqi...

    小刀娱乐网源码2018版 v4.17.rar

    后台应用中心可安装,模板、扫码打赏插件、手机版与电脑版智能管理插件、屏蔽复制与鼠标右键插件、老y文章系统数据迁移至天人工具、OK3W文章系统数据迁移至天人工具、用户注册后自动登录插件、悬浮贴边客服插件、...

    总结ASP.NET C#中经常用到的13个JS脚本代码

    *** C#开发过程中经常需要用到JavaScript来实现各种前端交互和页面行为。在后端开发时,尽管核心逻辑是用C#完成的,但前端的交互往往需要借助JavaScript来实现。以下总结了一些在*** C#开发中经常用到的JavaScript...

Global site tag (gtag.js) - Google Analytics