Web/user/javascript/OrderAutoComplete.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

// OutComplete.js
// CopyRight (c) 2009-2010 HangJing Teconology. All Rights Reserved.
// zjf@iWMPT.com
// 2010-04-20

//自动搜索补全用户输入 js代码

//使用实例：

/*输入地址字符寻找一个城市 是城市的值 比如杭州
<input class="txt" id="workAddr" name="workAddr" maxlength="10" autocomplete="off" type="text" 
onkeyup="suggestCity(event,this)" 
onkeydown="responseInput(event,this)" 
onkeypress="return event.keyCode==13?false:true" >
*/

/*页面中放置弹出的搜索结果div:<div style="display: none; left: 526px; top: 236px;" id="address_drop"></div>*/

/*ajax获取返回的值格式：
<a onmouseover="mouseOverAddr(this)" onmouseout="mouseOutDiv(this)" href="javascript:void(0)" onclick="SetDivDisplayType(pulldownId,"none")">杭州</a>
<input name="杭州" value="1" type="hidden">

<a onmouseover="mouseOverAddr(this)" onmouseout="mouseOutDiv(this)" href="javascript:void(0)" onclick="SetDivDisplayType(pulldownId,"none")">海口</a>
<input name="海口" value="2" type="hidden">


<a class="off" href="javascript:void(0)" onclick="SetDivDisplayType('address_drop','none')">关闭</a>
*/
/*样式
#address_drop a:hover,
#address_drop a.drop_item{background:#f4f1f8;}
#address_drop a.off,
#address_drop a.off:hover{background:#eee;text-align:right;}
#address_drop a span{float:right;color:#333;}
*/
//need common.js
var pulldownId = "address_drop";//a div which take out complete

var pulldownAjax=null;
var isUserAddr = false;
var sugUserAddr =" ";
var curPosition = -1;
var totalResultNum = 0;//自动补全搜索到的结果数量
var curInput = null;

//onkeydown事件 (将弹出框中选中的结果填写到输入框中)
function responseInput(tEvent,tThis)//b is this input,c is event
{
    if(!document.getElementById(pulldownId))
    {
        return; 
    }
    var A=document.getElementById(pulldownId).getElementsByTagName("a");
    if(!A.length||document.getElementById(pulldownId).style.display=="none")
    {   
        return;
    }
    totalResultNum=A.length;
    
    response(tEvent,tThis?tThis:this,pulldownId)