Множественный input tags autocomplete?

Question

[Klayn24]

Есть инпут:

<input name="addUsers" data-id="<?=$val['id_project']?>" id="tagsInputAutocomplete_<?=$val['id_project']?>" type="text" class="addUserProject" placeholder="<?=$task_views[18]?>">

Нужно чтобы делался для него автокомплит. Если единичный, то его я уже реализовал, но нужно чтобы в этот инпут вставлялись теги, которые подгружаются через ajax. Пытаюсь уже второй день, но только смог напиться пока делаю эту задачу((( видел много примеров, но ни как не смог применить к собственному проекту(( помоги пожалуйста))

Если что, это нужно вот для чего: юзер создал проект и к нему нужно добавить персонал. В этот инпут он вводит имя или логин юзера, а я его показываю и он на него кликает, собственно появляется тег. Потом он снова пишет в этот же инпут другое имя юзера и снова на него кликает и уже к имеющемуся тегу добавляется тег с новым именем))

Answer 1

[Андрей Никифоров]

aehlke.github.io/tag-it
textextjs.com/manual/examples/autocomplete-with-ta...

И еще примерно миллион разных реализаций. Можете использовать готовое, можете распотрошить и посмотреть как устроено.

Comments

[Klayn24]

Второй вариант прямо то что надо. Спасибо))

[Dmytro Karpovych]

а что делать, когда нужно сохранять id-шки, а выводить название записей?

[Klayn24]

Dmytro Karpovych: сохраняй id в отдельный input с типом type="hidden", а в нормальный инпут вставляй названия) и после когда отправляешь ajax, доставай из скрытого инпута id (например ты их через запятую добавлял) и отправляй их на сервер, а там уже распарсишь и сделаешь то, что нужно)

[Dmytro Karpovych]

Klayn24: спасибо, вот еще пара ссылок, но пока не пробовал:
https://github.com/alexgorbatchev/jquery-textext/i...
stackoverflow.com/a/29942092