有没有一种方法来使用自动完成没有JQuery UI

有没有办法使用自动完成没有JQuery的UI原因JQuery UI的足迹太大（包括其CSS）？有没有一种方法来使用自动完成没有JQuery UI

或有任何其他插件或东西，我GOOGLE了很多，但没有找到任何。

2012-03-30 Shehabix

有是自动完成的jQuery插件的数量不需要jQuery UI的，它的CSS。可能是最常用的一种：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ – 2012-03-30 12:13:46

您可以构建自己的不依赖于JQuery UI的触发器字段onchange（）的非常简单的想法，发出AJAX调用以获取与您迄今键入的内容相匹配的结果，并使用div或下降或靠近它。并在选择div或下拉菜单中，使用选定的值填充触发器字段。

我知道Jquery Autosuggest不使用JQuery UI，但确实需要JQuery。

来源

2012-03-30 12:12:21 Churk

我可以自己构建它，但我必须做很多事情，如 1-highlighting text ，2处理键盘按键 - >上/下，输入...等很多东西来处理 – Shehabix 2012-03-30 12:14:17

是的，这就是为什么我也给你一个建议的插件，这里是另一个：http：//www.devbridge。 com/projects/autocomplete/jquery/ – Churk 2012-03-30 12:16:20

Autosuggest正是我正在寻找的内容：D – Shehabix 2012-03-30 12:16:47

就发现，当前维护的，不需要jQuery的用户界面的臃肿

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

来源

2012-12-27 21:58:48 wom

downvoted，因为OP明确要求不使用jQuery的答案。 – linusthe3rd 2013-08-30 15:26:22

他说“jQuery UI”。 – mynameistechno 2013-09-19 16:46:30

无需包括JQuery的或任何其他第三方库这的Facebook风格的jQuery插件。

IP_autoComplete函数会自动将字段值concateate到URL（第一个参数）。例如，文本框的值为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)">

来源

2015-09-02 07:06:48

请参考下片断为自动完成，而无需使用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>

如果需要帮助实现此相关，请参阅本link

来源

2016-02-12 07:06:53

有没有一种方法来使用自动完成没有JQuery UI

回答

相关问题