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 相关文章推荐
检测是否已安装 .NET Framework 3.5的js脚本
Feb 14 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 Javascript
js简单实现用户注册信息的校验代码
Nov 15 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
May 07 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
jQuery is not defined 错误原因与解决方法小结
Mar 19 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
Vue左滑组件slider使用详解
Aug 21 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
文件系统基本操作类
2006/11/23 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
PHP实现给定一列字符,生成指定长度的所有可能组合示例
2019/06/22 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
JQuery fileupload插件实现文件上传功能
2016/03/18 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
使用JS动态显示文本
2017/09/09 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
django 信号调度机制详解
2019/07/19 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
Python进行统计建模
2020/08/10 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
群众路线班子对照检查材料
2014/09/25 职场文书
2015年环卫工作总结
2015/04/28 职场文书
跑出一片天观后感
2015/06/08 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL