var inputField = document.forms["myForm"].input_search;  
var suggestionDiv = document.getElementById("suggestion_div");  
var suggestionsUl = document.getElementById("suggestions_ul");   
var suggestionLi = null; 

var suggestion = ["abcde","华南理工大学","abcd","华南师范大学","abcdefg","华南农业大学","abcdefgh","广东工业大学","广东外语外贸大学","计算机科学与技术","广东财经大学","计算机学院","广州医科大学","计算机","广州大学"];//模拟的数据源  
suggestion.sort(); // 按字母排序，使显示结果更友好  

function setSuggestions(the_suggestions) {// 动态生成suggestion下拉框  
    clearSuggestions(); // 每输入一个字符就先清除原先的提示  
    suggestionDiv.className = "show";  
    for (var i = 0; i < the_suggestions.length; i++) {// 将匹配的提示结果逐一显示给用户  
        suggestionLi = document.createElement("li");  
        suggestionsUl.appendChild(suggestionLi);  
        suggestionLi.appendChild(document.createTextNode(the_suggestions[i]));  
        mouseEvent();// 对每个<li>触发鼠标事件  
    }  
}  

function mouseEvent(){  
    suggestionLi.onmouseover = function() {  
        this.className = "mouseOver"; // 鼠标经过时高亮  
        inputField.value = this.firstChild.nodeValue;// 同时将当前的选中值赋值给百度输入框  
    }  
    suggestionLi.onmouseout = function() {  
        this.className = "mouseOut"; // 离开时恢复原样  
    }  
    suggestionLi.onclick = function() {// 用户点击某个匹配项时清除提示框  
        clearSuggestions();   
    }  
}  

suggestionNodes.eq(selectedSuggestion).css("background-color", "white");//先将上面一个<li>变成白色  
selectedSuggestion++; // 每向下移一位，selectedSuggestion就+1  
if (selectedSuggestion == suggestionNodes.length) {  
    selectedSuggestion = 0;//如果索引值变成suggestionNodes.length，则将索引值指向第一个元素  
}  
//console.log(selectedSuggestion);  
suggestionNodes.eq(selectedSuggestion).css("background-color", "#ebebeb");//再将下面一个<li>变成灰色  

suggestionNodes.eq(selectedSuggestion).css("background-color", "white");//先将下面一个<li>变成白色  
selectedSuggestion--;// 每向上移一位，selectedSuggestion就-1  
if (selectedSuggestion == -1) {  
    selectedSuggestion = suggestionNodes.length - 1;//如果索引值变成-1，则将索引值指向最后一个元素  
}  
//console.log(selectedSuggestion);  
suggestionNodes.eq(selectedSuggestion).css("background-color", "#ebebeb");//再将上面一个<li>变成灰色    

var aResult = []; // 用于存放匹配结果  
if (inputField.value.length > 0) {  
    for (var i = 0; i < suggestion.length; i++){ // 从数据源中找匹配的数据  
        if (suggestion[i].indexOf(inputField.value) == 0){  
            aResult.push(suggestion[i]); // 压入结果  
        }   
    }  
    if (aResult.length > 0) // 如果有匹配的数据则显示出来  
        setSuggestions(aResult);  
}else  
clearSuggestions(); // 此步用作用户输入（Backspace健）将输入框清除完时的处理  

window.baidu.sug({q:"",p:false,s:[]}); 

function fillUrls() {  
    var strdomin = $.trim($("#input_search").val());  
    var qsData = { 'wd': strdomin, 'p': '3', 'cb': 'findSuggestions', 't': new Date().getMilliseconds().toString() };  
  $.ajax({// 发jsonp（跨域请求js）  
        async: false,  
        url: "http://suggestion.baidu.com/su",  
        type: "GET",  
        dataType: 'jsonp',  
        jsonp: 'jsoncallback',  
        data: qsData,  
        timeout: 500,  
        success: function (json) {  
        },  
        error: function (xhr) {  
            alert(xhr);  
        }  
    });  
}  

var urls = strurls.s;