jquery下拉模糊搜索
来源:互联网 发布:淘宝优惠券名称怎么写 编辑:程序博客网 时间:2024/05/22 03:30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title></title>
<script src="js/jquery-1.10.2.min.js"></script>
</head>
<body>
<inputid="searchCityName"style="width:100%;"type="text"placeholder="中文 "/>
<ul>
<li cityname="北京"><ahref="">北京 </a></li>
<li cityname="北京2"><ahref="">北京2 </a></li>
<li cityname="上海"><ahref="">上海 </a></li>
<li cityname="济南"><ahref="">济南 </a></li>
<li cityname="广州"><ahref="">广州 </a></li>
<li cityname="金华"><ahref="">金华 </a></li>
<li cityname="武汉"><ahref="">武汉 </a></li>
<li cityname="南京"><ahref="">南京 </a></li>
<li cityname="深圳"><ahref="">深圳 </a></li>
</ul>
<script>
function searchCity() {
var searchCityName = $("#searchCityName").val();
if (searchCityName == "") {
$("ul li").show();
} else {
$("ul li").each(function() {
var cityName = $(this).children("a").html();
if(cityName.indexOf(searchCityName)!= -1) {
$(this).show();
} else {
$(this).hide();
}
});
}
}
$('#searchCityName').bind('input propertychange',function() {
searchCity();
});
</script>
</body>
</html>
- jquery下拉模糊搜索
- 可搜索下拉框 模糊查询下拉框 jQuery-searchableSelect插件
- 搜索框模糊匹配下拉显示
- BootStrap下拉框,添加模糊搜索
- JS——下拉搜索列表(模糊搜索匹配)
- jquery 下拉框搜索控件
- jQuery-searchableSelect(下拉搜索框)
- google 搜索提示 搜索下拉框 jquery
- jQuery UI Autocomplete 体验 (模糊搜索)
- jquery.chosen.js实现模糊搜索
- 搜索栏模糊查询特效--jquery插件
- jquery防百度搜索框模糊匹配
- jquery.chosen.js实现模糊搜索
- bootstrap-datepicker时间插件和chosen.jquery下拉模糊搜索和bootbox.min弹出框以及jquery.tips提示框和js的全选与取消的使用
- 可编辑的下拉列表+模糊搜索(模拟)
- 类似百度 google的模糊搜索下拉列表
- easyui-combobox下拉框修改源码 实现模糊搜索
- 下拉框模糊查询,类似于百度搜索效果
- 软件架构设计 首发于 软件架构设计 写文章 大型软件架构设计
- 软件设计师考试:设计模式
- 让vs2010支持html5
- JDBC操作数据库的步骤
- myEclipse 导入 jquery包报错
- jquery下拉模糊搜索
- httpclient post 传json返回json
- Linux下用SCP无需输入密码获取文件
- devstack安装
- LayoutInflater 实例的三种方式获得方式
- 新路程------imx6 网卡驱动(1)
- 从程序员到项目经理
- 实时搜索 elasticsearch vs solr
- STM32-StdPeriph函数库使用的预备知识