Есть ли способ использовать автозаполнение без JQuery UI - PullRequest
Новая
       1

Есть ли способ использовать автозаполнение без JQuery UI

3 голосов
/ 30 марта 2012

Есть ли способ использовать автозаполнение без JQuery UI, так как размер JQuery UI слишком велик (включая CSS)?

или есть какой-нибудь альтернативный плагин или что-то, я много гуглил, но не нашел.

Ответы [ 4 ]

3 голосов
/ 30 марта 2012

Вы можете создать свой собственный, который не зависит от пользовательского интерфейса JQuery, это очень простая идея триггерного поля onchange (), выполнить вызов AJAX, чтобы получить результат, который соответствует тому, что вы уже набрали, и заполнить некоторое поле div или опуститесь ниже или рядом с ним. И при выборе элемента div или выпадающего списка вы заполняете поле триггера выбранным значением.

Я знаю, что Jquery Autosuggest не использует JQuery UI, но требует JQuery.

1 голос
/ 12 февраля 2016

См. Ниже фрагмент для автозаполнения без использования jQuery.Это простой html5 с тегом datalist работает во всех современных браузерах. 

<!DOCTYPE html>
<html>
<head>
<!--your stuff-->
</head>
<body>
<!--your stuff-->
<input type="text" id="txtAutoComplete" list="languageList"/><!--your input textbox-->
<datalist id="languageList">
<option value="HTML" />
<option value="CSS" />
<option value="JavaScript" />
<option value="SQL" />
<option value="PHP" />
<option value="jQuery" />
<option value="Bootstrap" />
<option value="Angular" />
<option value="ASP.NET" />
<option value="XML" />
</datalist>
</body>
</html>

Если вам нужна помощь, связанная с этим, обратитесь по этой ссылке

1 голос
/ 28 декабря 2012

Только что нашел этот плагин jQuery в стиле Facebook, который в настоящее время поддерживается и не требует использования jQuery UI

https://github.com/loopj/jquery-tokeninput

0 голосов
/ 02 сентября 2015

Нет необходимости включать JQuery или любую другую стороннюю библиотеку.

IP_autoComplete Функция автоматически объединит значение поля с URL (1-й параметр).Например, текстовое поле имеет значение neeraj, тогда сработает arrjson.php?Name=neeraj.

Вы также можете использовать функцию IP_autocomplete для статического значения.Просто добавьте знак # один раз при запуске в вашей строке (запятая).Например: "# val1, val2, val3"

arrjson.php должен возвращать строку в кодировке json.

HTML: 

<script type="text/javascript" src="http://services.iperfect.net/js/IP_generalLib.js">

Тело 

<input type="text" name="testautocomplete" id="testautocomplete" onkeypress="IP_autoComplete('arrjson.php?Name=',this.id,event)">

Или просто вы можете дать статический: 

<input type="text" name="testneeraj" id="testneeraj" onkeyup="IP_autoComplete('#sachin bhalake,ishwar agam,mohsin khan,neeraj dhekale,sheetal dhekale,ajay bhalake',this.id,event)">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...