jquery动态添加文本并获取值的方法


Posted in Javascript onOctober 12, 2016

实例如下:

$(function() {
      var i = 1;
      $('#addText').click(function() {
        if (i < 9) {
          $('#main').append('<div><input type="text" name="text" + i + ""/> <a href="#" mce_href="#" class="del-text">del</a></div>');
          i++;
        } else {
          alert("最多只能添加9个");
        }
      });
  //移除input
  $('.del-text').live('click',function(){
 
  //删除当前对象$(this).parent().remove()
    $(this).parent().remove();
    
    i--;
  })
  
  });
//后台获取值Request.Form['控件的名称']

以上就是小编为大家带来的jquery动态添加文本并获取值的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
easyui combobox开启搜索自动完成功能的实例代码
Nov 08 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
vue异步axios获取的数据渲染到页面的方法
Aug 09 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 Javascript
基于jQuery拖拽事件的封装
Nov 29 jQuery
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 #Javascript
微信小程序 生命周期详解
Oct 12 #Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 #Javascript
Angularjs手动解析表达式($parse)
Oct 12 #Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 #Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 #Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 #Javascript
You might like
PHP Undefined index报错的修复方法
2011/07/17 PHP
php一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
php旋转图片90度的方法
2013/11/07 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
2014/01/31 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
python的类方法和静态方法
2014/12/13 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
django框架基于模板 生成 excel(xls) 文件操作示例
2019/06/19 Python
Python数学形态学实例分析
2019/09/06 Python
校长岗位职责
2013/11/26 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
升学宴答谢词
2015/01/05 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
公司财务管理制度
2015/08/04 职场文书