Jquery.fn.val()方法改变元素值后元素change事件无效解决方案

最新推荐文章于 2026-06-14 15:43:49 发布
原创 最新推荐文章于 2026-06-14 15:43:49 发布 · 4.2k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
开发笔记

当前文章被收录于：

开发笔记
8 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了一个简单的技巧，即如何在不触发默认onchange事件的情况下，手动更新input元素的值并触发change事件。此方法适用于jQuery环境，通过.val()方法设置新值后立即调用.change()方法来触发change事件。 

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">html:</span>

<input type="hidden" onchange="javascript:alert(1);" />

jqeury:

$("input").val(Math.random());

onchange事件并不会被触发，可以手动调用focus()和blur()，不过这种方法太麻烦了

解决方案：

$("input").val(Math.random()).change();//手动触发change事件就可以啦！


标签
#html #javascript
jQuery获取选择onChange的值
HuntsBot的博客
01-17 4310
我的印象是，我可以通过执行此 $(this).val(); 并将 onchange 参数应用于选择字段来获取选择输入的值。它似乎只有在我引用 ID 时才有效。我该如何使用它。
js / jquery 使用val()赋值监控事件失效
qq_39997045的博客
06-09 2717
场景：对隐藏的input框进行jiangong <input type="hidden" id="supplierCode" value="" /> 问题：
onchange无法监听到js赋值给input的变化的解决方法
IT_Ping的博客
11-04 2301
1.onchange事件监听input值变化的使用方法: <input id="test"></input> $("input").change(function(){ alert("aaa"); } 2. 网页开发时，如果通过js\jq直接给input赋值，无法触发change事件。 原因： onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。 解决方法： 在这种情况下，可以在改变隐藏域的值的同时，手动触发onchange事件。...
JQ绑定select标签的onchange事件，跳转、传参、添加、删除
Junit的博客
07-22 8055
JQ绑定select标签的onchange事件，跳转、传参、添加、删除  &lt;select id="mySelect"&gt; 　　&lt;option value="1"&gt;one&lt;/option&gt; 　　&lt;option value="2" selected="selected"&gt;two&lt;/option&
Jquery:onChange()与propertychange()
热门推荐
wslone100的博客
11-14 1万+
onChange()：相应的值改变且在失去焦点后才会触发： $("#").change(function(){ 。。。 }); propertychange()：相应的值改变就会触发，但是只对ie有效： $("#").bind("propertychange",function(){ 。。。 }) --------------------------------------
jquery判断元素内容是否为空的方法
weixin_43288147的博客
08-28 5236
用jquery获取元素内容需要分两个情况： input 用val(); var value = $('#test').val(); 是否为空的判断方法： if(value.length== 0){} 如果value为空执行的操作 if(value!=''){} 如果value不为空执行的操作 jQuery验证文本框内容不为空 通过$.fn 扩展jQuery方法 1 2 3 4 5 6 7 8 9 10 .
jQuery属性--html([val|fn])、text([val|fn])和val([val|fn|arr])
anqi771129的博客
12-07 184
html([val|fn]) 概述 取得第一个匹配元素的html内容，这个函数不能用于XML文档。但可以用于XHTML文档。 在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取 参数 val用于设定HTML内容的值；functi...
jquery ：text、html、val 方法详解
写完这行代码打球去的博客
01-04 325
jquery ：text、html、val 方法详解html([val|fn])text([val|fn])val([val|fn|arr]) html([val|fn]) html() 方法返回或设置被选元素的内容 (inner HTML)。 返回元素内容： 如果该方法未设置参数，则返回被选元素的当前内容。 text([val|fn]) text() 方法方法设置或返回被选元素的文本内容。 当该...
Jquery常用取值attr('value')val()text()html()区别
博客
04-23 624
val() 设置或获得匹配元素的当前值，常用于获取input/check/select输入或选中的当前最新值 text() 设置或获得匹配元素的文本内容 html() 设置或获得匹配元素的html内容，常用于拼装HTML 示例 <body> <div id="htmlCeshi"> ppp <span id="textCeshi...
jQuery之html() val() text()区别
十一的博客
06-20 226
html([val|fn])在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。text([val|fn])取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。val([val|fn|arr])获得匹配元素的当前值。在 j...
jquery关于val，attr的一点总结
liquantong的博客
12-02 1479
制作了一个输入框和textarea的上移下移功能，不过我并没有将控件移动，只是移动了下里边的值。 首先是JS 之后再测试的时候发现一点问题，在第一次向空间中输入值之后，点击上下移动，这样是没有问题的（这时候我使用的是js的setAttribute将上下相邻的输入框的值进行对调），但是当我把输入框里边的值手动改掉之后，再点击上移或者下移按钮，就出现了问题。经过debug之后确定时在赋值的时候出的
jQuery是什么及jQuery写法
qq_37635012的博客
07-11 1607
jQuery是什么 jQuery是快速简洁的js框架，它的宗旨是"write Less，Do more"，即写得更少，做得更多。jQuery提供了大量的扩展。目前jQuery兼容于各种主流浏览器，比如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。jQuery官网是https://jquery.com/，它是一个纯英文的网站。英文学习有点费劲，我们可以去一些中文文档学习，比如w3school里就有一个分栏专门讲jQuery,链接是https://www.w3school.com.c
jQuery报错at w.fn.init.val (jquery.min.js:2)
爱玲姐姐的博客
03-12 1327
jquery.min.js:2 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined at w.fn.init.val (jquery.min.js:2) at HTMLInputElement.<anonymous> ((index):71) at HTMLInputElemen...
jQuery样式--css(name|pro|[,val|fn])
anqi771129的博客
12-12 121
css(name|pro|[,val|fn]) 概述 访问匹配元素的样式属性 参数 name要访问的属性名称 name一个或多个CSS属性组成的一个数组 properties要设置为样式属性的名/值对 name,value属性名,属性值 name,function(index, value)1:属性名；2:此函数返回要设置的属性值。...
jQuery如何获取同一个类标签的所有的值
qq_41353397的博客
05-24 939
通常 jQuery总是只返回第一个类标签的值，所以无法达到我们的要求。 比如： var btn = $('.btn').val(); //获取的只是第一个类标签为btn的html元素的value值。 要获得一组类标签的所有html元素的值，就得使用jQuery的each遍历 var btns = new Array(); $('.btn').each(function(key,value){ btns[key] = $(this).val(); //如果是其他标签 用 html
jQuery中$.fn的用法示例介绍
u011202334的专栏
04-26 7840
$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效，下面有个不错的示例，喜欢的朋友可以参考下 $.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。  如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.
jquery attr()方法 添加，修改，获取对象的属性值。
css使多个相互之间有间隔的元素两端对齐显示
12-23 1125
From: http://hi.baidu.com/0701u/item/b8ec62c1daba973eef466524 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以
jquery中事件和DOM操作
weixin_44213625的博客
08-14 532
在JavaScript中，常用的基础事件有鼠标事件、键盘事件、window事件、表单事件等。 事件绑定和处理函数的语法格式如下： 事件名=“函数名()”; （1）载入事件 所谓载入事件，是window事件的一种，window事件表示当用户执行某些会影响浏览器的操作时，而触发的事件。在jQuery中，常用的window事件有文档载入事件，它对应的方法是ready(). （2）鼠标事件 鼠标事件，顾名思义就是当用户在文档上移动或单击鼠标而产生的事件。 常用的鼠标事件的方法如下： 方法 描述 执行时机
jQuery中html([val|fn])和text([val|fn])的异同
weixin_30379973的博客
05-28 151
相同点：1.它们的返回值都是string类型；2.它们都有两个相同的可选参数[val|fn]；3.当参数为无的时候代表获取元素的内容；当有参数的时候是代表设置元素的内容；不同点：1.html([val|fn])当参数为无的时候（即html();）,代表取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 text([val|fn])当参数为无的时候（即te...
jQuery事件系统：解剖前端事件底层原理与工程实践
最新发布
dejz8829的专栏
06-14 398
事件处理是前端开发的核心基础能力，涉及事件流（捕获/冒泡）、事件对象生命周期、事件委托等关键概念。理解这些原理不仅关乎DOM交互正确性，更直接影响React SyntheticEvent、Vue指令修饰符等现代框架特性的掌握深度。jQuery事件系统虽非生产首选，却以极简API暴露了浏览器原生事件机制的本质抽象，尤其在跨浏览器兼容性处理、事件委托实现、命名空间隔离等工程细节上具有不可替代的教学与调试价值。本文聚焦事件模型的三层解构——从W3C规范定义的物理执行流程，到jQuery对event对象的norma
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值