這兩天工做中遇到一個很難辦的問題,jsonSuggest插件問題。我從前臺輸入數據,從後臺也查出來了,但是jsonSuggest前臺卻不展現,直到我再敲擊一下鍵盤才顯示。也就是說我以前沒有激活它,但是如何激活,到如今我也不知道。麻煩哪位大神指導一下。
<div id="firDiv" style="z-index:700;position: absolute; top:32px ;right: 258px;">
<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 suggestBox; //考慮到不少函數中都要使用
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(); }) })