2013-08-21 50 views
0

Appologies,全新的jquery和自動完成。一直在尋找幾天,但無法讓我的頭在如何顯示在網站上查詢的結果。如何顯示jquery自動完成結果

下面的代碼是從jQuery自動完成網站http://jqueryui.com/autocomplete/,只是在修改什麼我的大腦拒絕把握年底幾乎相同副本...

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>jQuery UI Autocomplete - Default functionality</title> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
$(function() { 
var availableTags = [ 
"ActionScript", 
"Fortran", 
"Groovy", 
"Haskell", 
"PHP", 
"Python", 
"Ruby", 
"Scala", 
"Scheme" 
]; 
$("#tags").autocomplete({ 
source: availableTags 
}); 
}); 
</script> 
</head> 
<body> 
<div class="ui-widget"> 
<label for="tags">Tags: </label> 
<input id="tags" /> 
</div> 

<p> 
The choice you selected is 

<script> 
??? 
</script> 

</body> 
</html> 

任何暗示/指針/解決方案來阻止我兜兜在圈子將不勝感激。

謝謝!

+0

工作正常:http://jsfiddle.net/IrvinDominin/2EXbB/控制檯中的任何錯誤?你刪除這一行_ ??? _? –

回答

0

您需要添加一個「選擇」事件處理程序來提取選定的值。像這樣:

$("#tags").autocomplete({ 
    source: availableTags, 
    select: function(event, ui) { 
     // console.log(ui.item); 
     $('p').text('You selected: ' + ui.item.value); 
    } 
}); 
+0

非常感謝!這是我所需要的大開眼界:) – tbob

相關問題