jquery实现下拉选的模糊查询功能
来源:互联网 发布:单片机数据类型 编辑:程序博客网 时间:2024/03/29 02:00
html部分: text框作为下拉选选中项展示部分;
ul做下拉选;
<input class="s-form-inp" placeholder="选择交易员" type="text" name="followMemberName"
id="followMemberName" placeholder="请填写" AutoComplete="off" style="width:165px;"/>
<ul id="showLike" class="in-keyword-ul-invoiceUnitName" style="width:171px;display: none">
#foreach($item in $!{sellerList})
<li style="display: none" data-valueid="${item.salerId}">$!{item.sapCode} $!{item.name}
</li>
#end
</ul>
js逻辑部分:
$("#followMemberName").on("focus keyup", function (event) {
event.preventDefault();
var text = $('#followMemberName').val();
if (text == '') {
$('#showLike').find('li').each(function () {
var _this = $(this);
_this.show();
});
} else {
if (text.length < 1) {
return false;
}
$('#showLike').find('li').each(function () {
var _this = $(this);
var productNameText = _this.text();
if (productNameText.indexOf(text) >= 0) {
_this.show();
} else {
_this.hide();
}
});
}
$('#showLike').show();
return false;
});
阅读全文
0 0
- jquery实现下拉选的模糊查询功能
- 使用jQuery实现实时模糊查询功能
- jQuery实现的模糊查询
- 下拉框模糊查询的实现
- jQuery实现模糊查询
- jquery的模糊查询
- jQuery autoComplete实现模糊查询
- Qt实现输入框,组合框提示,模糊查询,搜索关键字下拉提示功能
- 【项目实战】select+input实现下拉框左右选择+模糊查询功能
- javascript实现下拉列表框模糊查询
- 用Criteria进行模糊查询实现简单的搜索功能
- 用Criteria进行模糊查询实现简单的站内搜索功能
- jQuery实现对表格内容的模糊查询
- jquery实现下拉框功能
- 动态模糊查询的下拉框
- 带模糊查询的select下拉框
- select2下拉模糊查询单选
- select2下拉模糊查询多选
- Android apk包生成二维码给他人体验
- SwipeRefreshLayout和ViewPager滑动冲突的原因和正确的解决方式
- poj 1833 排列
- ubuntu16.04安装torch
- 贪心算法
- jquery实现下拉选的模糊查询功能
- Win10 ppap.exe是什么进程?ppap.exe怎么关闭
- Express The header content contains invalid characters
- mysql事务,select for update,及数据的一致性处理
- okhttp java.lang.IllegalStateException: cache is closed
- lintcode安排课程答案
- Map<String,String> colMap = new HashMap<String,String>();和HashMap<String,String> colMap =Map和HashMap
- jeesite mybatis拦截器sql语句与activemq的使用
- WOJ1014-Doraemon's Flashlight