Как вставить тег в поле ввода [duplicate]
7 ответов
В порядке активности, доступных демо / примеров и простоты:
- ( demo ) https://github.com/yairEO/tagify
- ( demo ) https://github.com/aehlke/tag-it
- ( demo ) http://ioncache.github.com/Tag-Handler/
- ( demo ) http : //textextjs.com/
- ( demo ) https://github.com/webworka/Tagedit
- ( demo ) https://github.com/documentcloud/visualsearch/
- ( demo ) http://harvesthq.github.io/chosen/ (на самом деле это не плагин для тегов)
- (demo?) http: // bootstrap-tagsinput. github.io/bootstrap-tagsinput/examples/
- (demo?) http://jcesar.artelogico.com/jquery-tagselector/
- (demo?) http://remysharp.com/wp-content/uploads/2007/12/tagging.php
- (demo?) http : //pietschsoft.com/post/2011/09/09/Tag-Editor-Field-using-jQuery-similar-to-StackOverflo w.aspx
Связано:
-
1Очень хороший плагин. Спасибо, что поделились! – Alexander Prokofyev 24 May 2011 в 11:08
-
2Любой, кто ищет самую последнюю версию, документацию и более обширные примеры этого удивительного плагина, должен пойти здесь и открутить: github.com/aehlke/tag-it – Crisman 21 February 2012 в 23:15
-
3Властью, возложенной на меня, я объявляю tag-it как самый простой, но самый эффективный плагин, когда-либо созданный. – Sophivorus 2 April 2012 в 00:53
-
4Проголосовать за тег-это и этот хороший список. благодаря – ecleel 30 November 2012 в 23:33
-
5тег - переоценен. Требование jquery для простой системы тегов слишком много, но требуется также jQuery UI и jQuery UI CSS сейчас безумный. Не стоит. – Alvaro 24 April 2016 в 22:55
Это первоначально ответило на дополнительный вопрос о мудрости загрузки jQuery по сравнению с доступом к нему через CDN, который больше не присутствует ...
Чтобы ответить на вопрос о Google. Я перешел к доступу к JQuery и большинству других подобных библиотек через соответствующий CDN на своих сайтах.
Поскольку все больше людей это означает, что он скорее всего будет кэшироваться на машинах пользователя, поэтому мой голос идет для хорошей идеи.
За пять лет с тех пор, как я впервые предложил это, он стал общей мудростью.
-
1Мы раскрываем это как часть наших шаблонов по умолчанию. Google может обслуживать этот код заархивированным и из CDN быстрее, чем мы, плюс, если есть даже 2% -ый шанс, что у посетителя это кэширование, это лучше, чем никакого шанса. – Tom 6 February 2009 в 15:18
-
2
-
3
-
4Последняя часть «Также ...» спрашивает, является ли ссылка на версию Google хорошей или плохой идеей, и мой ответ заключается в том, что это все более хорошая идея. – Julian 24 August 2011 в 11:47
-
5@Derek Я не думаю, что у меня были другие приемлемые ответы, когда я попросил об этом. С тех пор это изменилось. – Joe Phillips 8 January 2012 в 05:12
Еще один отличный плагин: http://documentcloud.github.com/visualsearch/
Bootstrap: если вы используете Bootstrap. Это действительно хорошо: Select2
Кроме того, TokenInput интересен. Во-первых, он не зависит от jQuery-UI, во-вторых, его конфигурация очень плавная.
Единственная проблема, с которой я столкнулся, не поддерживает бесплатную маркировку. Итак, я должен вернуть строку запроса обратно клиенту как часть ответа JSON.
Как упоминается в комментарии @culithay, TokenInput поддерживает множество функций для настройки. И выделите какую-то особенность, которой у других нет:
- tokenLimit: максимальное количество результатов, которые могут быть выбраны пользователем. Используйте null, чтобы разрешить неограниченный выбор
- minChars: минимальное количество символов, которое пользователь должен ввести до начала поиска.
- queryParam: имя параметра запроса, которое вы ожидаете содержать поисковый запрос на стороне сервера
Спасибо, кулитер для ввода.
-
1
-
2
-
3TokenInput выглядит так, как я и искал: пользователь вводит некоторые вещи, выполняет поиск на сервере, пользователь может выбрать искомый элемент, ополаскивать и повторять. – Mala 2 October 2014 в 18:02
-
4– culithay 22 October 2014 в 07:07
-
5
Мы просто открываем этот подключаемый модуль jQuery Github: tactivos / jquery-sew .
-
1Хотя эта ссылка может ответить на вопрос, лучше включить здесь основные части ответа и предоставить ссылку для справки. Ответные ссылки могут стать недействительными (и downvoted), если связанная страница изменится. См. Как ответить , почему это важно. – bytebuster 5 December 2012 в 23:43
-
2