如何使用django表单和javascript自动完成字段
我有一个模型,其中包含诸如姓名、地点(地址)、纬度、经度、爱好等字段。 为了得到这些字段,我在Django中使用了一个表单。大概是这样的:如何使用django表单和javascript自动完成字段,javascript,django,google-maps,autocomplete,Javascript,Django,Google Maps,Autocomplete,我有一个模型,其中包含诸如姓名、地点(地址)、纬度、经度、爱好等字段。 为了得到这些字段,我在Django中使用了一个表单。大概是这样的: from django import forms from .models import User class UserForm(forms.ModelForm): class Meta: model = User fields = ["name", "place", "date","hobbies"]
from django import forms
from .models import User
class UserForm(forms.ModelForm):
class Meta:
model = User
fields = ["name", "place", "date","hobbies"]
widgets = {
'date': SelectDateWidget()
}
我想使用google maps api在填写地址时启用自动完成:
并从地址本身读取lat/lon
在我的html中,我将其呈现为:
<form method="POST" action="" enctype='multipart/form-data'>{% csrf_token %}
{{ form.as_p}}
{{ form.media }}
<input type="submit" value="Submit Post"/>
</form>
{%csrf\u令牌%}
{{form.as_p}}
{{form.media}
但是,我想知道如何将“位置”文本框的“id”链接到启用自动完成的javascript操作?然后我计划使用lat/lan作为隐藏字段来填充它们的值,客户端
有没有更好的方法来完成此任务?Django使用id名称呈现表单,类似于
id\u model\u field\u name
。如果您的模型字段名为place
,则在表单中,该字段的id将为id\u place
。使用此id可以启用自动完成javascript代码。Django使用id名称呈现表单,例如id\u model\u field\u name
。如果您的模型字段名为place
,则在表单中,该字段的id将为id\u place
。使用此id可以启用自动完成javascript代码