Вы ищете полную функцию авто. Пользовательский интерфейс jQuery обладает удивительной функцией автозаполнения, включенной в нее.
http://jqueryui.com/demos/autocomplete/
Результат вашего поиска вы можете получить из массива или базы данных таблицы (через страницы сервера) .Это довольно прост в настройке, как показано ниже
в приведенном ниже примере используется массив в качестве источника данных для элементов автоматического предложения.
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"Scheme"
];
$("#tags").autocomplete({
source: availableTags
});
Приведенный выше код связывает текстовое поле с идентификаторами «тегов» с функцией автозаполнения. мы упоминали исходное значение как имя нашего массива, где мы хранили разные имена языков программирования.
В основном, вам может потребоваться получить данные из базы данных, а затем использовать промежуточную страницу сервера в качестве источника данных. эта страница сервера получит данные с уровня доступа к данным и даст вам результат.
$("#tags").autocomplete({
source: "searchtags.php",
minLength: 2,
select: function(event, ui) {
log(ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value);
}
});
Я думаю, это то, что вы ищете: http://stackoverflow.com/questions/3875079/jquery-and-grails-html-make-text-field-complete-text-like-google-does (вот пример: http://jsfiddle.net/QU9st/) – Quasdunk
Может быть, это? http://www.devbridge.com/projects/autocomplete/jquery/ – pltvs
Почти! но не совсем так, его нужно ввести в поле ввода со своим стилем, проблема, которую я испытываю, - это укладка предложения – Coops