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 相关文章推荐
jQuery 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
js焦点文字滚动效果代码分享
Aug 25 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
JS中的作用域链
Mar 01 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
简述vue中的config配置
Jan 23 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
Vue实现多标签选择器
Nov 28 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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 批量生成html,txt文件的实现代码
2013/06/26 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
浅谈laravel5.5 belongsToMany自身的正确用法
2019/10/17 PHP
Ruffy javascript 学习笔记
2009/11/30 Javascript
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
2016/06/13 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
js仿淘宝放大镜效果
2020/12/28 Javascript
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
RC4文件加密的python实现方法
2015/06/30 Python
Python注释详解
2016/06/01 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
HTML5 body设置自适应全屏
2020/05/07 HTML / CSS
公司总经理任命书
2014/06/05 职场文书
租房协议书范例
2014/10/14 职场文书
通知格式
2015/04/27 职场文书
公司欠款证明
2015/06/24 职场文书