根据输入内容自动补全(搜索自动补全)

业务上有需求,让输入姓氏就出现对应姓氏的人,假如输入“李”,则会出现一个下拉框,李1,李2,李3,李4都出来了,可以点击进行选择。

我们前端用的是bootstrap。

首先要先引入一个js:   bootstrap-suggest.min.js

代码如下:

        $(document).ready(function(){
		var name1= $("#subcontractName").val();
		var testBsSuggest = $("#subcontractName").bsSuggest({
			type: 'post',
        	url: '<%=basePath%>webapi/contract/queryContractSuggest?flag=3&name='+name1,
        	getDataMethod: "url",
        	showBtn: false,
        	idField: "userId", //暂时没用到
                keyField: "userName" //暂时没用到
		}).on('onDataRequestSuccess', function (e, data) {  
            console.log('onDataRequestSuccess: ', data);
        }).on('onSetSelectValue', function (e, data) {
        	listContract();
        });

方法的返回类型为:Map<String, Object>。

需要注意的是:此控件似乎对IE浏览器的支持不太好。

阅读更多
文章标签: js bootstrap 前端
个人分类: 前端
想对作者说点什么? 我来说一句

extjs输入框检索补全

2013年09月16日 211KB 下载

没有更多推荐了,返回首页

不良信息举报

根据输入内容自动补全(搜索自动补全)

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭