How To Create Dropdown Menu From Python List Using Flask And Html

I'm trying to create a dropdown menu in HTML using info from a python script. I've gotten it to work thus far, however, the html dropdown displays all 4 values in the lists as 4 op

Solution 1:

You need to use {{colour}} in both places (instead of {{colours}} in the second place):

<selectname="colour"method="GET"action="/">
    {% for colour in colours %}
        <optionvalue="{{colour}}"SELECTED>{{colour}}</option>"
    {% endfor %}
</select>

Note that using selected inside the loop will add selected attribute to all options and the last one will be selected, what you need to do is the following:

<selectname="colour"method="GET"action="/"><optionvalue="{{colours[0]}}"selected>{{colours[0]}}</option>
  {% for colour in colours[1:] %}
    <optionvalue="{{colour}}">{{colour}}</option>
  {% endfor %}
</select>

Solution 2:

you have a typo, replace colours to colour

<optionvalue= "{{colour}}"SELECTED>{{colours}}</option>"

replace to

<optionvalue= "{{colour}}"SELECTED>{{ colour }}</option>"
                                     <!--  ^^^^ -->