bootstrap 5 select box not working correctly in Django

Using Django Templates & Frontend
1

Django: 5.1.1
bootstrap 5.3.3
python: 3.12.4

Bootstrap support says not there issue, must be Django.

Problem:
Trying to use choiceField from forms.py in bootstrap 5 form-select. I can only get it to work when using the html as seen below in ‘html page’. What happens is at the end of the select dropdown box there are 2 chars that are printed double quotes and gt i.e.: "> as seen in .png attached
NOTE; All other bootstrap components work as intended.

{0F3DFE17-36F8-408B-B9D7-2E72DA79A6CB}

‘’’
html page (partial)

     <div class="input-group input-group-sm mb-3">
        <label class="input-group-text" for="entrytype">Entry Type:**</label>
        <select class="form-select" id="entrytype" name="entrytype">
          <option selected>Choose...</option>
          <option value="{{ form.entrytype }}"></option>
        </select>
      </div>

‘’’

‘’’
forms.py (partial)

entrytype = forms.ChoiceField(choices=[[1, ‘Control_M’],[2, ‘SolarWinds’],[3, ‘FYI’],[4, ‘Other’],[5, ‘Adhoc’]],
widget = forms.Select(attrs={‘class’: ‘form-control’}))
‘’’

2

Side note: When marking off code, you need to use the backtick - `, not the apostrophe - ' or any kind of “smart quote” - \‘ or \’

You’re trying to render a complete field within an option element:

The variable, form.entrytype is not a single option, it’s the complete field. You would render it instead of the <select> element you have created.
(You can see the issue if you examine the actual HTML that had been rendered and sent to the browser.)

3

I’m having this same problem with buttons:

Django: 5.1.1
bootstrap: 5.3
python: 3.12.5

Get no error, the code just doesn’t doesn’t make the text into a button on the site.

4

Welcome @t-a-m-e !

If you’re having an issue for which you would like assistance, please open a new topic.

Include all the necessary details about the issue, including the template being rendered and identifying what within the template is not working.