easyui仿百度搜索提示框

最新推荐文章于 2017-03-06 22:20:00 发布

天侣呈瑞

最新推荐文章于 2017-03-06 22:20:00 发布

阅读量556

点赞数 2

分类专栏： easyUI 文章标签： easyui combobox 根据拼音显示提示下拉框查询

本文链接：https://blog.csdn.net/qq_37097634/article/details/59575471

版权

easyUI 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

中间使用了easyUI汉语提示插件（自己在网上找的）

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-extensions/jquery.jdirk.js"></script>
<link href="easyui/themes/default/easyui.css" rel="stylesheet" />
<link href="easyui/themes/icon.css" rel="stylesheet" />
<script src="easyui/jquery.easyui.min.js"></script>
<script src="easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/yyan.js"></script>
<title>learn datagrid</title>
</head>
<body>
<div>
<input id="cc1" name="dept1" style="width: 60px"> <input
id="cc" name="dept"> <a href="javascript:void(0);" id="query"
class="easyui-linkbutton" iconCls="icon-search">Query</a>
</div>
<script>
$('#cc1').combobox({
url : 'data1.json',
valueField : 'id',
textField : 'text',
panelHeight : 'auto',
panelWidth : 'auto',
editable : false
});
$('#cc').combobox({
url : 'data1.json',
valueField : 'id',
textField : 'text',
panelHeight : 'auto',
multiple: false,
editable : true,
hasDownArrow : false,
prompt : '输入关键字后自动搜索',
filter : function(q, row) {
var opts = $(this).combobox('options');
var arr = row[opts.textField].indexOf(q) >= 0;
return arr;//这里改成>=即可在任意地方匹配 
}
});
$('#query').click(
function() {
alert($('#cc1').combobox('getText') + ':'
+ $('#cc').combobox('getText'));
});
</script>
</body>
</html>

天侣呈瑞

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
easyui仿百度搜索提示框

中间使用了easyUI汉语提示插件（自己在网上找的）<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>learn datagrid <inputid="cc" name="dept"> <a href="javascript:void(0);"
复制链接

扫一扫

专栏目录