我想提供一个类似于django-ajax-selects提供的示例的自动完成功能:
用户在文本框中键入公寓名称,会提供自动完成建议列表。每个建议包括 unique_id、名称、图像、地址等。
用户可以从建议列表中进行选择。选择后,该公寓的详细信息将添加到文本框下方的显示区域。还有一个“删除”图标可以删除选定的公寓
如果数据库中的现有公寓没有匹配,用户可以创建一个新公寓
提交表单时,如果它包含一个 unique_id,则该 id 将用于从数据库中查找现有公寓。如果表单不包含唯一 ID,则将使用用户输入的数据创建一个新的数据库条目
django-ajax-selects
是使用 jQuery Autocomplete 构建的,但上述功能与 jQuery Autocomplete 的标准行为完全不同,我无法弄清楚如何使 javascript 工作。
如何使用 jQuery Autocomplete 来实现此功能?任何帮助是极大的赞赏。谢谢。