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 相关文章推荐
IE和FireFox(FF)中js和css的不同
Apr 13 Javascript
基于JQuery实现异步刷新的代码(转载)
Mar 29 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
Sep 17 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
微信小程序常用简易小函数总结
Feb 01 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
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获取photoshop写入图片文字信息的方法
2015/03/31 PHP
利用php的ob缓存机制实现页面静态化方法
2017/07/09 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
javascript判断office版本示例
2014/04/11 Javascript
利用js实现禁止复制文本信息
2015/06/03 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
jquery replace方法去空格
2017/05/08 jQuery
Vue实现一个返回顶部backToTop组件
2017/07/25 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
JavaScript中条件语句的优化技巧总结
2020/12/04 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
Python使用Supervisor来管理进程的方法
2015/05/28 Python
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
Python图算法实例分析
2016/08/13 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
Python绘制股票移动均线的实例
2019/08/24 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
圣彼得堡鲜花配送:Semicvetic
2020/09/15 全球购物
函授毕业生的自我鉴定
2013/11/26 职场文书
个人实习生的自我评价
2014/02/16 职场文书
个人贷款承诺书
2014/03/28 职场文书
数控专业毕业生求职信
2014/06/12 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
创业计划书之家教中心
2019/09/25 职场文书
MySQL基于索引的压力测试的实现
2021/11/07 MySQL