Implementing HTML Select in Jinja
Revision as of 13:47, 26 June 2017 by PeterHarding (talk | contribs)
An example.
{% macro states_select(name, value='', class='', id='') -%} {% set states = ["AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "FL", "GA", "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ", "NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI", "SC", "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY"] %} <select name="{{name}}" class="{{class}}" id="{{id}}"> {% for state in states %} <option value="{{state}}" {{'selected' if value==state else ''}}>{{state}}</option> {% endfor %} </select> {%- endmacro %}
Also
http://stackoverflow.com/questions/20444285/how-do-i-populate-a-select-tag-with-flask
<label>Select :</label> <select name="option" width="300px"> {% for option in ctx.select_option_list %} <option name="{{ option.id }}" {{'selected' if (option.value == ctx.select_value) else ''}}>{{ option.value }}</option> {% endfor %} </select>
Other Examples
<td class="label">Title:</td> <td> <select name="CHonorific" class="inputSelect"> {% for honorific in ctx.Honirific_options %} <option value="{{honorific}}" {{'selected' if ctx.CHonorific == honorific else ''}}>{{honorific}}</option> {% endfor %} </select> </td> <td> <select name="State" class="inputSelect"> {% for state in ctx.State_options %} <option value="{{state}}" {{'selected' if ctx.State == state else ''}}>{{state}}</option> {% endfor %} </select> </td>