php如何动态为input赋值,input动态赋值后怎么触发change事件

input经常用的事件有oninput与onchange

oninput：事件在用户输入时触发。

onchange：事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发

但是当我们给元素赋值时并不会触发上面的2种事件，如果我们想赋值后触发上面的事件，可以采用下面的方法

一、js 实现方法

var element = document.getElementById("demo")

//element.focus();

element.value = "this is sun222"

//txtChange() 如果只是赋值后执行一个函数，只要调用函数即可

if (element.fireEvent) {

element.fireEvent('onchange');

} else {

ev = document.createEvent("HTMLEvents");

//event.initEvent(eventType,canBubble,cancelable)

//eventType:字符串值，事件的类型

//canBubble：事件是否冒泡

//cancelable：是否可以用preventDefault()方法取消事件

ev.initEvent("change", false, true);

element.dispatchEvent(ev);

}

function txtChange(a) {

alert(a.value);

}

二、jQuery实现方法

$(document).ready(function() {

$("#demo").change(function() {

alert("hi")

})

//$("#demo").val("this is lily").change() 此种方法可以，下面的方法也可以

$("#demo").val("this is lily111")

$("#demo").trigger("change")

})

php如何动态为input赋值,input动态赋值后怎么触发change事件相关推荐

input 中文输入法额外触发change事件问题
用ant mobile input 组件实现下面输入提示,提示添加click事件,input 添加change事件. 预期:点击提示项的时候,预期是只触发click事件. 实际:英文输入法正常,只触发 ...
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。
实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). ...
安卓微信浏览器使用input file图片上传无法触发change事件
问题现象项目中遇到一个上传图片的功能,使用了file作为选择上传,需要做图片预览等功能.在多方测试后没有问题,但在安卓微信浏览器中却发现change事件失效无法触发. 解决办法由于在项目中我是用来 ...
jquery 赋值时不触发change事件解决
$("#optionsId").change(function(){$("#selectOptionsText").val('测试'); }); $(" ...
java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...
看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...
有关input输入框内容改变后的触发事件
有关input输入框内容改变后的触发事件,也是今天遇到的问题.我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应.百度了半天,最后才发现问题所在. ...
INPUT[type=file]的change事件不触发问题
在网页上要操作文件通常会使用INPUT[type=file]控件,但这个控件的设计很蛋疼.它不像其它编程语言中文件选择后会触发一个事件,只是让上面的文字改变,而这个改变可能会触发change事件而已. ...
html的＜input type='radio'/＞change事件坑
一.坑复现 <div><input type='radio' name='test' value='1' checked/>1<span id='test_a'>a ...
input触发的事件触发流程
我们书写了mousedown,mouseup,click,input,change,focus,blur绑定到了input上面,模拟点击选择了一个文件,触发事件的流程是下面这样的: (1)moused ...

php如何动态为input赋值,input动态赋值后怎么触发change事件

php如何动态为input赋值,input动态赋值后怎么触发change事件相关推荐

最新文章

热门文章