javascript - document.querySelectorAll('*[id]') 不显示 django 中的所有表单字段 id

Question

我正在尝试将 js 与 django 连接（因为我使用的是 js google maps api）。在 JS 的第一行我写过：

console.log(document.querySelectorAll('*[id]'))

我得到以下结果： 结果

我有这个 django 的形式：

from django import forms


class DateInput(forms.DateTimeInput):
    input_type='date'
    
class userRequest(forms.Form):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)


    lat_Origin = forms.FloatField(widget=forms.HiddenInput(attrs={'id':'lat_Origin'}),required=False,initial=181)
    lon_Origin = forms.FloatField(widget=forms.HiddenInput(attrs={'id':'lon_Origin'}),required=False,initial=181)
    lat_Dest = forms.FloatField(widget=forms.HiddenInput(attrs={'id':'lat_Dest'}),required=False,initial=181)
    lon_Dest = forms.FloatField(widget=forms.HiddenInput(attrs={'id':'lon_Dest'}),required=False,initial=181)

    origin_address=forms.CharField(max_length=200,widget=forms.TextInput(attrs={'class':'data_aux data','id':'origin_address'}))
    destination_address=forms.CharField(max_length=200,widget=forms.TextInput(attrs={'class':'data_aux data','id':'destination_address'}))

    date=forms.DateField(widget=DateInput(attrs={'class':'data_aux data','id':'data_id'}))
    #date2=forms.DateField(widget=DateInput(attrs={'class':'data_aux data','id':'data_id2'}))

    maxPrice=forms.FloatField(label='Max price:',widget=forms.NumberInput(attrs={'class':'data_aux data order','step': '0.1'}),required=False)

    CHOICES_ORDERTYPE =(
    ('NONE', 'NONE'),
    ('ASC', 'ASC'),
    ('DESC', 'DESC'),
    )
    
    OrderType = forms.ChoiceField(label='Order',choices = CHOICES_ORDERTYPE,initial='NONE',required=False,widget=forms.Select(attrs={'class':'data order'}))

    CHOICES_ORDERBY =(
    ('PRICE', 'PRICE'),
    ('DURATION', 'DURATION'),
    )
    OrderBy = forms.ChoiceField(label='Order by',choices = CHOICES_ORDERBY,initial='PRICE',required=False,widget=forms.Select(attrs={'class':'data order'}))

我不知道为什么 lat_Origin, lon_Origin, lat_Dest, lon_Dest 不在document.querySelectorAll('*[id]')

你知道如何解决这个问题吗？谢谢

标签： javascriptpythonhtmldjangodjango-forms