2012-05-06 65 views
-5

我執行一個任務來聽........我正在搜索數據,如谷歌搜索引擎執行,我只能使用鼠標選擇值我怎樣才能使用箭頭鍵選擇數據? 我的代碼如下。在AJAX搜索代碼

<html> 
<head> 
<script type="text/javascript"> 
function showResult(str) 
{ 
if (str.length==0) 
    { 
    document.getElementById("livesearch").innerHTML=""; 
    document.getElementById("livesearch").style.border="0px"; 
    return; 
    } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("livesearch").innerHTML=xmlhttp.responseText; 
    document.getElementById("livesearch").style.border="1px solid #A5ACB2"; 
    } 
    } 
xmlhttp.open("GET","livesearch.php?q="+str,true); 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<form> 
<input type="text" size="30" onkeyup="showResult(this.value)" /> 
<div id="livesearch"></div> 
</form> 

</body> 
</html> 
+0

您指定了PHP標記。也許你打算使用JavaScript標籤? – Lix

回答

1

你的問題相當含糊,但你聽起來像你想使用JavaScript內的箭頭鍵。這已被問:Binding arrow keys in JS/jQuery

jQuery也會讓你的AJAX請求更容易編寫。有關示例,請參閱jQuery.get()的文檔。

很難告訴您如何編寫Javascript來選擇特定項目(如Google),因爲這取決於AJAX請求返回的內容(xmlhttp.responseText)。