js / jquery 使用val()赋值监控事件失效

场景：

当内容发生改变时对隐藏的input框进行监控（这里不直接赋值，通过select或其他条件的改变使用jquery赋值）

需要监控的对象 <input type="hidden" id="supplier" value="" />
监控的方法 $("#supplier").change(function(){});

问题：

$("#supplier").val("jquery赋值");

通过jquery的val()进行赋值并没有触发内容改变事件

原因：

change事件只对鼠标与键盘的操作有效，通过jquery的val()方法赋值是不会触发事件的

解决方案

使用val()的回调函数

// value 赋值
// oldvalue 被替换的值
$("#supplier").val("value", function(index, oldvalue) {// 回调方法
});

场景描述

1. js / jquery 使用val()赋值监控事件失效

2. js / jquery 监听事件失效

3. js / jquery 改变input的value值不触发onchange事件解决方案

js / jquery 使用val()赋值监控事件失效相关推荐

js动态生成的DOM绑定事件失效的问题
事件委托原理:事件冒泡机制. 优点:1. 可以大量节省内存占用,减少事件注册.比如ul 上代理所有li 的click 事件. 2. 可以实现当新增子对象时,无需再对其事件进行绑定.对动态内容部分尤为合 ...
JS解决因循环绑定click事件失效
很多js新手都会在绑定事件遇到绑定失效的问题. 大致思路就是,比如用一个循环让对应的button按钮绑定对应的事件. 比如这样 <button id="1">1 < ...
实例化vue之前赋值html元素导致事件失效
先实例化Vue对象,再操作其他对象,Vue对象声明时会渲染html容器内的所有元素, 会导致元素事件失效或dom元素重新创建,所以涉及html元素的对象都要在实例化Vue之后执行. 下面是简要的例子, ...
关于js中绑定事件失效问题
相信很多开始学习前端开发的朋友都发生过绑定事件失效的问题,那么究竟是什么原因使得事件失效呢? 这里作者以jquery库编写作为例子. 第一种:直接失效. <html> <head&g ...
js jquery给input标签赋值、取值
js jquery给input标签赋值.取值 html代码赋值取值 html代码 <input type="text" id="name"/> ...
JS jQuery 赋值取值整理
js给img的src赋值不用Jquery时:document.getElementById("imageId").src = "xxxx.jpg"; 用Jqu ...
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法在添加完之后,可以使用 $.parser.parse();这个方法进行处理: (1) 对整个页面重新渲染: $.parser ...
js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况
<script> $(".guanzhu").hover(function(){$(".weixinTop").show();},function( ...
jquery给input赋值 val()方法
jquery给input赋值,val的三种用法 val()方法定义和用法 val() 方法返回或设置被选元素的值. 元素的值是通过 value 属性设置的.该方法大多用于 input 元素. 如果该 ...

js / jquery 使用val()赋值监控事件失效

js / jquery 使用val()赋值监控事件失效相关推荐

最新文章

热门文章