动态添加或减少文本框，并获取文本框值

原文:动态添加或减少文本框，并获取文本框值

很早之前，Insus.NET有实现过《点击一次铵钮产生一个新文本框，分别输入值，然后获取》http://www.cnblogs.com/insus/archive/2012/09/24/2700658.html 。今天想再次演练它，不过是在asp.net mvc的环境之下，使用jQuery来实现。不使用web控件。

创建一个视图操作：

在视图中，放置两个铵钮和两个Div标签，当用动态加载的容器：

在视图中，添加jQuery的引用：

 <script src="~/Scripts/jquery-2.1.0.js"></script>

添加和减少文本框：

上面#37行代码，当点击添加一个文本框之后，产生的html的结构如下:

获取文本框的值：

看看实时演示效果：

时间： 2024-09-19 09:22:55

动态添加或减少文本框，并获取文本框值的相关文章

radio button-Android中动态添加RadioButton，设置监听获取的id不对啊！

问题描述 Android中动态添加RadioButton,设置监听获取的id不对啊! 这样获取的checkId不对啊! radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup group int checkedId) { int id = (int) group.getChildAt(checkedId).getT

js文本框-js获取文本框的值，有默认值

问题描述 js获取文本框的值,有默认值 文本框的默认值为value="",我给设置了失去焦点事件,等我输入了"你好",失去焦点 alert文本框的值,输出的却是""; 怎么解决? 解决方案 function show(){ obj1=document.getElementById("aaaa"); alert(obj1.value); } 随便怎么试都行啊 解决方案二: 解决方案三: 文本框加个onblur="sho

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

一共两个页面,分别如下: 一.创建页面create.jsp 复制代码 代码如下: <%@ 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

在页面上动态添加和删除【添加信息的文本框】

页面上的内容: 当点击添加或删除会做出相应的操作   页面的html代码 1 <li id="clid"> 2 <div> 3 姓名:<input type="text" name="guestName" class="dfinput" style="width: 150px;"/> 4     国别:<input name="guestState&quo

获取input表签的值-在webbrowser控件中获取文本框的值

问题描述 在webbrowser控件中获取文本框的值 复制授权码 请问高手们怎么才能获取到input标签的值呢 相关文章 javaweb-value为空,如何获取文本框的值? javascript-在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A js文本框-js获取文本框的值,有默认值 javascript-如何获取HTML网页密码输入框的值? jquery怎么让循环的两个文本框的值相加 servlet-想通过href链接传递文本框的值,该怎么得到文本框的值 textbox

aspose.word- .net版本Aspose.Words 如何获取文本框 ?

问题描述 .net版本Aspose.Words 如何获取文本框 ? 我模版里面配了个文本框, 文本框里插入了一个书签 我通过定位到书签后 插入了一张图片builder.InsertImage(img); 但是图片太大,显示超出了那个文本框的大小, 如果给图片写死大小也不好, 因为图片尺寸是不定的. 所以我现在想到的办法是 获取这个书签所在的文本框,然后获取文本框的大小,重新设置图片大小, 但是搞了半天不知道怎么获取到文本框 , 求解救 !! 解决方案 http://www.cnblogs.com

html-ASP中HTML控件，ＵＩ层获取文本值问题

问题描述 ASP中HTML控件,UI层获取文本值问题 asp:code 姓名 年龄 住址 备注 Cs:code public partial class AddUserInfo : System.Web.UI.Page { UserInfoManager userinfoManager = new UserInfoManager(); protected string userName; protected int age; protected string address; protected

jQuery给指定的table动态添加删除行的操作方法_jquery

最近写程序,碰巧有动态增加删除行的,下面就记录一下. $("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列 $("#mytable tr").find("td:nth-child(3)") 3表示获取每行的第三列 今天在项目中,刚好用到给指定的table添加一行.删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自

jQuery移除tr无效的解决方法(tr是动态添加)_jquery

今天在做项目时,碰到一个问题,那就是移除掉某些tr(tr是动态添加的).尝试了很多方法,都不见效(比如,deleteRow方法,貌似传的参数只能是tr的行数.没有仔细研究目前).后来,发现这个方法效果不错,特此记录. $(temp).parent().remove(); //temp为td的id code class="js plain"> 我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr.</co