2

我想提供一个类似于django-ajax-selects提供的示例的自动完成功能:

  1. 用户在文本框中键入公寓名称,会提供自动完成建议列表。每个建议包括 unique_id、名称、图像、地址等。

  2. 用户可以从建议列表中进行选择。选择后,该公寓的详细信息将添加到文本框下方的显示区域。还有一个“删除”图标可以删除选定的公寓

  3. 如果数据库中的现有公寓没有匹配,用户可以创建一个新公寓

  4. 提交表单时,如果它包含一个 unique_id,则该 id 将用于从数据库中查找现有公寓。如果表单不包含唯一 ID,则将使用用户输入的数据创建一个新的数据库条目

django-ajax-selects是使用 jQuery Autocomplete 构建的,但上述功能与 jQuery Autocomplete 的标准行为完全不同,我无法弄清楚如何使 javascript 工作。

如何使用 jQuery Autocomplete 来实现此功能?任何帮助是极大的赞赏。谢谢。

4

0 回答 0