input多次输入

现在有这样的一个需求:


 当我点击输入框的时候向后台发一个请求;通过输入的关键词筛选300个用户的姓名;
 
 然后宣示在输入框里面;需要可以多次选择;并且不能把前面选择的覆盖;也就是可以选择多个姓名
阅读 4.4k
3 个回答

可以把姓名存成一个数组,选择姓名时,将选择的姓名push到数组里面,然后通过array.join('')将数组里面的名字取出来连接到一起。

图片描述

是不是要做成这种类型的呢?前面放置已经选择的关键词,后面用输入框再输入其他的关键词?

这种实现,其实不是input输入框前面能放置关键词,而是在外面用div包裹,给div一个输入框的样式(灰色边框,白底背景),在div里面,span用来放置已经选择的关键词;后面跟一个无边框的input输入框,input与外面div的边框构成一个类似的输入框;给这个input输入框绑定input事件,向后台请求!

给input绑定一个onkeyup事件:
<input type="text" id="username" onkeyup="get_user_list();" />

松开按键的时候 就获取用户输入 去后台请求。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题