问题描述:
页面显示点击输入框后弹出选择内容的页面,选择后将选择的 text和value 分别放入显示输入框中和隐藏的输入框中。
显示 结构如下:
现在需求是:当隐藏的输入框值改变时,将其在控制台打印,且通过此值进行其他操作。
使用 jq, $.band("",function(){}) ,$.on('',function(){}),绑定 input、change 事件均失效。
最后使用 setInterval(fun,ms);实现监听,代码如下:
var input = document.getElementById("provinces_cities_counties");
var orgValue = input.value;
//每 5 毫秒 监听一次,市县区值的变化。如有改变则通过 regioncode 获取毕业学校 --input、change 均不生效
setInterval(function(){
var v = input.value;
if(v!=orgValue ){
orgValue =v;
console.log(orgValue);
}
},5);
附 setInterval() , setTimeout()
setInterval(function(),ms) 函数:每隔n毫秒执行一次function();
停止执行的方法是:
var timer=setInterval("function()",1000);
clearInterval(timer);
执行停止函数循环操作
setTimeout(function(),ms)函数;当n毫秒之后执行function()函数。这就是与setInterval的区别;