jsonSuggest插件如何在使用前激活
2019独角兽企业重金招聘Python工程师标准>>>
<input type="text" style="height:auto;size:30px;font-size:17px;" id="suggestBox" class="a"/>
<select id="typeID" style="height:auto;font-size:17px;">
<option value="kh">客户</option>
<option value="sq">申请书</option>
<option value="ht">合同</option>
<option value="pz">凭证</option>
</select>
<input type="button" value="检索" id="search" style="background:green;border:none;height;20px;width:50px;"/>
</div>
var sugStr="kh";//判断传给后台的是哪个种类默认是客户类
var keyStr;//要传入后台的字符串
var typeId;//种类id
var listDiv;
var obj;
var data;
var firstStr;
var testData = {};
function initVars(){
//初始化变量
suggestBox = $("#suggestBox");
}
/*清除div的值*/
function emptySuggest(){
$("#suggestBox").empty();
}
/*清除div的值*/
function clearSuggest(){
//$("#popup").empty();
}
/*清除suggestBox的值*/
function clearBox(){
if($("#suggestBox").val().substring(0,3)=="请输入"){
$("#suggestBox").val("");
}
}
/*调用后台*/
function returnKey() {
initVars();
$("#suggestBox").removeClass("inpshow");
if($.trim(suggestBox.val()).length >1){
jQuery.ajax({
url:"${sessionScope.basePath}/searchKey.do?method=searchKey",
datatype:"html",
data:getStr(),
type:"POST",
cache:false,
success: function(data){
firstStr = $.trim(suggestBox.val());
emptySuggest();
testData.webSites = $.parseJSON(data);
obj=$.parseJSON(data);
testData.webSitesJSON = JSON.stringify(testData.webSites);
// alert("testData.webSitesJSON:"+testData.webSitesJSON);
$("#suggestBox").show().jsonSuggest(testData.webSitesJSON,{
maxResults:8,
minCharacters: 0,
onSelect:getSelects
});
},
error:function(){
alert("出错!");
}
})
} else {
}
}
$(document).ready(function() {
$("#search").bind("click",function(){
$("div.jsonSuggestResults").hide();
document.getElementById('indexiframe').src='${sessionScope.basePath}/jsp/sm/ued/search/listdata.jsp';
})
})
/*点击下拉框选项执行的动作*/
function getSelects(){
$("div.jsonSuggestResults").remove();
// alert($("div.jsonSuggestResults").length);
$("div.jsonSuggestResults").hide();
testData.webSitesJSON = {};
}
/*传给后台的参数*/
function getStr(){
keyStr =encodeURI(encodeURI($.trim($('#suggestBox').val())));
return keyStr= "keyStr="+keyStr+"&sugStr="+sugStr;
}
/*初始化绑定*/
$(document).ready(function() {
$("#suggestBox").keyup(function(event){
if(event.keyCode == 8){
$("div.jsonSuggestResults").remove();
}
returnKey();
}
)
}
);
$(function(){
$("#suggestBox").focus(function(){
clearBox();
})
})
转载于:https://my.oschina.net/u/261728/blog/96254
jsonSuggest插件如何在使用前激活相关推荐
- php bootstrap 分页 查询,深入了解Bootstrap table表格插件(二)前后端分页模糊查询...
这篇文章主要为大家分享了Bootstrap table学习笔记,前后端分页模糊查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在使用过程中,一边看文档一边做,遇到了一些困难的地方,在此记录一下 ...
- vim自动补全插件:YouCompleteMe使用前需要做的准备工作随手记录
随手记录一下安装YCM过程中遇到的事情 安装curl,安装方法如下: sudo apt-get install curl Vim下安装Vim Plug: curl -fLo ~/.vim/autolo ...
- FCPX插件:视频降噪插件ProDenoise for Mac破解激活方法
fcpx降噪插件prodenoise破解版是一款由Pixel Film Studios出品的fcpx视频降噪插件,适用于Mac版Final Cut Pro X.fcpx降噪插件prodenoise可以 ...
- [转] Firefox 24.0中的插件激活提示
有不少Firefox用户为了禁止页面自动运行Flash,在附加组件里面把插件的运行方式改成了"询问是否激活",遇到需要观看的Flash视频时只需点击它就能运行了.这类似于Opera ...
- 前后端开发人员必备Chrome插件
写在前面 Chrome算是世界上最广为流传的浏览器了,得益于它的简洁.快速.Chrome支持多标签浏览,每个标签页面都在独立的"沙箱"内运行,在提高安全性的同时,一个标签页面的崩溃 ...
- 我可以在不提供FTP访问的情况下安装/更新WordPress插件吗?
我在实时服务器上使用WordPress ,该服务器仅通过SSH密钥使用SFTP . 我想安装和升级插件,但是看来您需要输入FTP登录才能安装插件. 有没有一种方法可以通过手动上传文件而不是让WordP ...
- 采用Reflector的VS.net插件断点调试无源码DLL 分类:
.Net的编程利器Reflector可以反编译基于.net开发的应用程序和DLL,其功能强大不用多说.今天想试验一把利用VS.net的插件断点调试外部无源码的DLL(只要是程序集都可以,所以exe也行 ...
- Hbuilder中如何快速输入注释标签_vscode中20个让人眼前一亮的插件
本文转载自知乎VS Code的口碑越来越好,受欢迎度也越来越高,以我为例,有时一个项目中可能会用到C++.Java.JS等不同编程语言,如果针对每一种语言都去安装一款对应的IDE,那样不仅会浪费很多时 ...
- 5 款让开发效率倍增的 VS Code 插件
公众号关注 "GitHubDaily" 设为 "星标",每天带你逛 GitHub! 前言 VS Code 现如今已经成为一款炙手可热的开发工具,它以轻量化.功能 ...
最新文章
- jQuery Validate验证框架详解
- springbatch的writer、processor、reader复杂太难用?使用tasklet更方便!
- eclipse开发javaweb项目配置tomcat
- 深入浅出深度学习(四)概率统计基础
- 这 3 种 DDD 分层架构的模式,你掌握了么?
- 异常记录---Error creating bean with name ‘sqlSessionFactory‘
- 图片转化为base64编码python版本
- matlab figure函数_如何在Matlab中使用GUI做一个简易音乐播放器? ---- (六)控件间的数据传递...
- linux下安装配置laravel环境,linux下的laravel安装
- pythonsocket中tcp通信接收不到数据_通信中数据发生错误,接收方如何判决?检错码与纠错码必不可少...
- 简单计算机面试题库及答案_计算机面试常问问题及答案
- Sougou微信文章获取
- 模式识别技术是人工智能的基础技术,模式识别技术的发展潜力
- HTML5期末大作业:红酒销售网页网站设计——品牌红酒销售网页模板(4页) html网页设计期末大作业_网页设计平时作业
- 房屋租赁管理系统的设计和实现,SpringBoot计算机毕业设计论文
- 循环语句:for 语句详解
- Java | Java 入门学习路线
- 耦合中心游移和双权重因子的鲸鱼优化算法
- Python学习笔记之eval函数简析
- 创客学院9天C语言五