jquery中监控input文本框值的变化触发函数
来源:互联网 发布:ubuntu kernel 地址 编辑:程序博客网 时间:2024/05/20 22:28
在项目开发中我们经常需要监控文本框中值的变化去执行一个相对应的函数,比如说动态查询,文本框中值变化后自动调用ajax进行动态的查询。
<input id="search" type="search" oninput="changeVale(this.value)" onpropertychange="changeVale(this.value)" placeholder="网点搜索">
<pre name="code" class="javascript"><script type="text/javascript"><span style="color:#ff0000;"></span>
<span style="color:#ff0000;">function changeVale(textValue){searchBike(textValue)}</span>//ajax传值实时查询方法function searchBike(textValue){var keyWord = textValue; doGet(g_wssturl + "RXWSSTWeb/publicBicycle.web?getNearGgzxcList", {lontitude:113.300854,latitude:22.810388,keyWord:keyWord,pageIndex:0},function(data){ if(data.success) { var obj = jQuery.parseJSON(data.obj); bikeStationList(obj); } }, null, "jsonp");}//站点拼接方法 function bikeStationList(data){ var bikeHtml = ""; var list = $("#bikeStationList"); if(data !="" && data.length>0){ for(var i=0;i <data.length;i++){ bikeHtml+='<li class="mui-table-view-cell mui-media"><a href="javascript:;"><table><tr><th class="text-lve">'+data[i].PARK_NAME+'</th></tr>'; bikeHtml+='<tr><td class="text-lve">地址:'+data[i].PARK_ADDR+'</td><td style="text-align: center;"><a href="" class="pic_qiu" style=""><img src="images/wechat/pic_qiu.png" width="30"></a></td></tr>'; bikeHtml+='<tr><td><u>可借:'+data[i].NUM1+'</u><u>可停:'+data[i].NUM2+'</u><u>异常:'+data[i].NUM3+'</u></td><td style="text-align: center;">'+data[i].D+'km</td></tr></table></a></li>'; list.html(bikeHtml); } } list.html(bikeHtml); }</script>
/** * 异步Get请求(通用请求,响应json或jsonp数据) * 简单传参用法:doGet(url, success) * @param {String} url 请求url * @param {Object} data 请求数据 * @param {Function} success 成功回调 * @param {Function} error 出错回调 * @param {String} dataType 返回数据类型 */function doGet(url, data, success, error, dataType){ if(dataType=="jsonp"){ var param = "&"; if(url.indexOf("?")<0){ param = "?"; } param += parseParam(data); url += param;//jsonp只支持GET,所以参数追加url后 data = {}; }else{ dataType=="json"; } $.ajax({ url : url, type : 'GET', timeout: 30000, data : data, dataType : dataType, jsonp : 'jsonpcallback', success : function(result,status,requestCode) { console.log("result="+result); if(typeof data =="function"){ data(result); }if(typeof success =="function"){ success(result); } }, error : function(xhr, errorType, error, msg) { if(typeof error =="function"){ error(msg); }else{ console.log("xhr:"+JSON.stringify(xhr)); console.log("errorType:"+errorType); console.log("error:"+error); console.log("msg:"+msg); alert("请求失败,请检查网络!"); } } }); }以上红色代码就可以实现当文本框中的值变化时,执行动态的查询。
0 0
- jquery中监控input文本框值的变化触发函数
- jquery判断input内的值变化时触发动作?
- 在Java中监控文本框的变化
- Jquery中判断input文本框的值为空
- 监控/触发text input变化的事件大全,总有一个会命中
- 随着input里边值的变化而触发js事件
- MFC 监控界面上所有文本框值的变化
- JAVA GUI 在文本框(JTextField)中监控文本框内的变化
- jQuery 当选中input的radio时触发的事件
- 时时监控input值变化 oninput & onpropertychange
- 改变下拉列表的值触发文本框值变化一种办法
- 当文本框的值,发生变化触发事件,用于表单校验!
- 当文本框中的值更改时自动触发的函数
- 监听input text中内容发生变化时触发事件
- jquery实时监听input标签数字值的变化
- input propertychange事件,当input的value值发生改变时触发(文本框的值即时搜索)
- 使input文本框随输入内容变化长度的方法
- onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法
- 腾讯微博Android客户端实例开发教程by若水
- cocos2d-lua里 如何绑定按钮button的点击事件click
- 【选择排序】简单选择排序
- BitMap优化
- android view的宽高通过代码进行设置---dp和sp之间互转
- jquery中监控input文本框值的变化触发函数
- 解密“设计模式”
- Implementing the skip list data structure
- Dubbo与Zookeeper、SpringMVC整合和使用(负载均衡、容错)
- TextView排版混乱或自动换行
- Assembly x64 Intro - SSE2 4x8 Load
- Thymeleaf中的context对象-原标题:Context Objects in Thymeleaf
- 谈语法
- JS与C#编码解码