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();
});
}
分享到:
相关推荐
HTML5实现搜索输入框下拉列表代码.zip
鼠标点击拉长的HTML5输入框,CSS3技术实现的动态文本框,当鼠标点击获得焦点后,输入框会自动变长,还带有发光效果,在手机上可看到这种效果,PC方面目前在一些搜索网站里得到应用。
js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取
利用javascript实现类似于百度,谷歌搜索的自动模糊搜索补全提示的功能,代码中已有详细的注释信息,可以实现鼠标点击,上下方向键浏览点击,enter确认等常用功能,可移植性不错。(修正版)
html-js-search 输入框联想词效果,类似百度搜索框 效果如下:
DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta ...
http://www.cnblogs.com/sufei/archive/2011/12/19/2293289.html详细介绍
最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果,当用户在搜索框输入客户的电话或姓名的时候,客户列表内容会做相应的更新,下面给大家看下图~· html <input type="text" id="getval" ...
配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你,Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少...
webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你
今天我们要再来分享一款放光表单,是一款CSS3发光搜索表单,表单整体是黑色的风格,搜索框被激活时,输入框就会发光,由于黑色的背景,整个搜索表单就显得格外绚丽光亮。 在线演示 源码下载 3、jquery视差滑块幻灯...
最近在写一个律师推荐前台的网站,在上面搜索框这里出现了问题,我想把搜索的图标放在搜索框里面,但是弄了半天都不大如意…… 话不多说,我们直接进入主题 : 基本思路 其实就把输入框与后面的图标一起放在一个div...
主要介绍了jQuery简单实现的HTML页面文本框模糊匹配查询功能,涉及jQuery事件响应模拟列表框的下拉数据展示与隐藏,以及元素遍历、匹配等相关操作技巧,需要的朋友可以参考下
附件下载可直接运行,特别好用
当select输入框中每输入一点内容的时候,在option中找出与内容匹配的选项显示在option的前面选项中,下面有个不错的示例,希望朋友们可以喜欢
细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势,下面就介绍一下如何实现此功能,代码如下: <input type="text" name="test" x-webkit-...
立体效果的搜索框 HTML5特效,完全用纯CSS3代码实现的立体搜索框效果,如果使用传统的CSS来实现的话,可能要借助图片来修饰输入框,本效果将按钮也做成了立体效果,这对于功能强大的CSS3来说,似乎是件非常轻松的事...
利用django自带的filte实现精准、模糊查询,包括复选框多值准确查询,输入框精准和模糊查询,日期区间查询。
模拟实现百度搜索框提示效果,自己用js动态创建、移除div来实现的,很简单 注释详细。