html5 实现输入框实时搜索
2015-10-09 15:48
591 查看
function searchText(){
var content ="";
var inputVal=$('#siteInput').val();
var siteNum = {'张三':"桌1", '李四':"桌2"};
var found = false;
for( var key in siteNum){
if(key == inputVal) {
content = siteNum[key];
found = true;
}
}
if(!found && inputVal != "") {
content = '未找到';
}
$('#siteSearch>p').text(content);
}
this.initSearchSite=function() {
$("input:text").bind("input propertychange",function(){
searchText();
});
}
相关文章推荐
- Lucene实现SearchManager近实时搜索
- 利用HTML5 的datalist 元素实现输入提示
- html5的canvas实现实时时钟
- vue.js实现输入框输入值内容实时响应变化示例
- jquery实现:实时提醒文本框输入状态
- jquery+php实现用户输入搜索内容时自动提示
- sencha里用html5实现类似combobox组件,可选可输入
- 淘宝语音搜索的实现——html5
- HTML5实现网页端语音输入语义理解(speex压缩)
- MFC自带控件CComboBox实现搜索输入是的动态下拉功能
- html5自带滑动条(input type=range)实现实时显示滑动值
- 输入文本实时搜索显示
- Ext4+Servlet+HTML5实现实时获取文件上传进度、本地预览、文件拖拽上传的相册实例
- JavaScript实现前端实时搜索功能
- jquery实现静态搜索功能(可输入搜索文字)
- JS代码实现-搜索框输入后-回车实现搜索
- iOS UITextField、UITextView只限输入中文、英文、数字及实时限制字符个数的封装实现代码
- Android实现根据用户输入自动搜索
- 通过(Node Js||.Net)基于HTML5的WebSocket实现实时视频文字传输1
- vue 实现边输入边搜索功能的实例讲解