jQuery Autocomplete / django-ajax-select: как добавить выбранный элемент в область отображения и разрешить создание нового элемента?

Я хочу предоставить функцию автозаполнения, похожую на пример, предоставленный django-ajax-select:

  1. Пользователь вводит название квартиры в текстовое поле, предоставляется список автозаполнения предложений. Каждое предложение включает уникальный_идентификатор, имя, изображение, адрес и т. Д.

  2. Пользователь может выбрать из списка предложений. После выбора детали этой квартиры добавляются в область отображения под текстовым полем. Также есть значок "удалить", чтобы удалить выбранную квартиру

  3. Если в базе данных нет совпадений с существующими квартирами, пользователь может создать новую квартиру

  4. Когда форма отправлена, если она содержит unique_id, этот идентификатор будет использоваться для поиска существующей квартиры из базы данных. Если форма не содержит уникальный идентификатор, новая запись базы данных будет создана с использованием данных, введенных пользователем

django-ajax-selects построен с использованием jQuery Autocomplete, но вышеупомянутая функциональность сильно отличается от стандартного поведения jQuery Autocomplete, и я не могу понять, как заставить работать javascript.

Как использовать автозаполнение jQuery для реализации этой функции? Любая помощь с благодарностью. Благодарю.

0 ответов

Другие вопросы по тегам