blocks|key|3915845|text|你是想编写自己的插件，还是想使用现有的插件？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3915846|如果你想要现成的东西，这里有几个例子|3915847|如果你想要非常轻的东西，只有6kb的包装，这将是最好的选择。|3915848|Autosuggest+jQuery+Plugin|offset|length|3915849|较老的，但仍然很好|3915850|Tokenizing+Autocomplete|3915851|entityMap|0|LINK|mutability|MUTABLE|url|http://code.drewwilson.com/entry/autosuggest-jquery-plugin|1|http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/^0|0|0|0|0|P|0|0|0|0|N|1|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@$H|11|I|12|1|13]]|A|$]]|$1|J|3|K|5|6|7|14|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|15|8|@]|9|@$H|16|I|17|1|18]]|A|$]]|$1|N|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]|V|$5|Q|R|S|A|$T|W]]]]

Are you looking to write your own plugin or would you like to use an existing one?

If you want something ready made, here are a few examples

if you want something extremely light, only 6kb packed, this one would be the best choice 
<a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" rel="nofollow">Autosuggest jQuery Plugin</a> 

Older one but still good

<a href="http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/" rel="nofollow">Tokenizing Autocomplete</a>

blocks|key|1396556|text|你应该看看jquery自动补全插件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1396557|http://docs.jquery.com/Plugins/autocomplete|offset|length|1396558|此外，您还可以使用逗号分隔名称。|1396559|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|17|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

You should take a look at the jquery auto-complete plugin:

<a href="http://docs.jquery.com/Plugins/autocomplete" rel="nofollow">http://docs.jquery.com/Plugins/autocomplete</a>

Also, you could separate the names using commas.

blocks|key|1396573|text|这是在这个网站上已经问到的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1396574|Facebook+style+JQuery+autocomplete+plugin|offset|length|1396575|被接受的答案引用了此jQuery代码。|1396576|https://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin|1396577|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1191807/facebook-style-jquery-autocomplete-plugin|1^0|0|0|15|0|0|0|0|1Q|1|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|J|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|I]]]]

This what already asked here on this site.

<a href="https://stackoverflow.com/questions/1191807/facebook-style-jquery-autocomplete-plugin">Facebook style JQuery autocomplete plugin</a>

The accepted answer cited this jQuery code.

<a href="https://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin" rel="nofollow noreferrer">https://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin</a>

blocks|key|1600306|text|http://jqueryui.com/demos/autocomplete/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1600307|尽管在为这个插件包含整个jquery+ui库时要三思而后行|1600308|entityMap|0|LINK|mutability|MUTABLE|url^0|0|13|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@$A|N|B|O|1|P]]|C|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|4]]]]

<a href="http://jqueryui.com/demos/autocomplete/" rel="nofollow">http://jqueryui.com/demos/autocomplete/</a>

Although think twice about including the whole jquery ui library for this one plugin

blocks|key|3916028|text|我已经实现了几次，这并不难达到良好的结果，我使用的基本想法是……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3916029|1)创建输入框。|3916030|2)在输入框的正下方创建div。|3916031|3)创建jquery按键处理程序。如果键入的字符超过x个，则ajax请求。|3916032|4)遍历结果，如果结果存在，则将结果div附加到结果框中。|3916033|5)显示结果框。|3916034|如果你愿意，我可以找出一些示例代码。我不知道你说的select+multiple是什么意思，但是你可以保留一个变量selected，并在点击的时候改变结果div的颜色，这样就可以选择很多结果，然后再进行处理。|3916035|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

I've implemented this a couple of times, it is not that difficult to achieve decent results and the basic idea that I used was...

1) create an input box.

2) create a div positioned directly underneath the input box.

3) create a jquery keypress handler. if there are more than x characters typed, ajax request.

4) loop through the results, and if they exist, append result divs to the result box.

5) show the result box.

I can dig up some example code if you would like. Not sure what you are talking about with the select multiple, but you could keep a variable of selected, and change the color of the result div when it is clicked on, this way many results can be selected and then processed later.

Hey guys, there is a form where the user select some of his friends and I'm curious on how I can implement a list that searches simultaneously while the user is typing a friend's name and when he selects the name the name is written in the text box(jQuery). And if the user wants to select more than one friend, when I'm inserting the names in the database, how can I separate the names that are written in one input field?

jQuery and PHP suggested answers

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

嘿，伙计们，有一个表单，用户选择他的一些朋友，我很好奇如何实现一个列表，当用户输入一个朋友的名字时，同时搜索，当他选择一个名字时，名字就会写在文本框(JQuery)中。如果用户想要选择多个朋友，当我在数据库中插入姓名时，如何将输入字段中的姓名分开？

问jQuery和PHP建议答案
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery和PHP建议答案EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery和PHP建议答案
EN