jQuery 监听隐藏表单

设置了一个隐藏表单,其值由Ajax异步修改。前端需要实时监听该值,并由此进行相关操作。

<input type="hidden" value="" id="datas" name="datas">

正常的表单可以使用 .change() 事件监听其 value 的改变,而隐藏表单其 value 改变时不会触发 change() 事件!

解决方法:

当为隐藏表单赋值后,使用 trigger() 手动触发 change() 事件:

1
2
3
4
5
6
7
function setValue(ajaxData){
$('#datas').val(ajaxData).trigger('change');
}

$('#datas').change(){
console.log('changed');
}
Author

Ludis

Posted on

2016-09-03

Updated on

2016-09-03

Licensed under

Comments