0

我正在嘗試使jQuery自動完成 inputbox,以便人們可以看到預先設置的建議。實際上並不難,但不知何故,我似乎無法解決將不會顯示建議的問題。製作自動完成文本框/輸入區域

這裏是一個小提琴:http://jsfiddle.net/tbBy6/

這是我的HTML文件:

<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <script> 
    $(document).ready(function() { 
    $("input#search-textbox").autocomplete({ 
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
}); 
    }); 
    </script> 
</head> 

文本框:

<body> 
<input id="search-textbox" class="topic-picker ui-autocomplete-input" type="text" maxlength="100" name="q" accesskey="b" autocomplete="off" placeholder="enter text" role="textbox" aria-autocomplete="list" aria-haspopup="true"> 

爲什麼我不能看到,如果一個建議例如,我輸入「java」?

而我的第二個問題:我如何從數據庫中獲取數據以獲取數據?

PS:我以前從這裏代碼:http://docs.jquery.com/UI/API/1.8/Autocomplete

回答

1

如果你在擺弄測試你需要改變在左邊的jQuery,MooTools的不框架,你也將需要包括jQuery的UI。

試試這個:

Updated fiddle

+0

好吧,謝謝你,我解決它了。有一個支架丟失。 – user1717526

+0

我會假設有一個錯誤,因爲你可以看到你的代碼給出了正確的框架。檢查控制檯是否有錯誤。 –

+0

是的,我解決了,謝謝。現在最後一個問題仍然存在:我如何從數據庫中獲取數據? – user1717526