Python Dash dropdown with many values

Question

I would like to insert a dropdown menu for an "Age" field in my app going from 0 to 100. However, is there a better way than writing a long dictionary to define the values of the dropdown component? How to avoid the {'label': '1', 'value': '1'}, {'label': '2', 'value': '2'} ... up to 100?

import dash
import dash_html_components as html
import dash_core_components as dcc

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div([
    dcc.Dropdown(
        id='demo-dropdown',
        options=[
            {'label': '1', 'value': '1'},
            {'label': '2', 'value': '2'},
            {'label': '3', 'value': '3'}
        ],
        value='NYC'
    ),
    html.Div(id='dd-output-container')
])


@app.callback(
    dash.dependencies.Output('dd-output-container', 'children'),
    [dash.dependencies.Input('demo-dropdown', 'value')])
def update_output(value):
    return 'Your age is "{}"'.format(value)


if __name__ == '__main__':
    app.run_server(debug=True)

Igna · Accepted Answer · 2021-02-23 17:06:07Z

1

You can have a list comprehension to generate the list of dictionaries like so:

options=[{"label":str(i),"value":str(i)} for i in range(0,101)]

answered Feb 23, 2021 at 17:06

Igna

1,1278 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

User981636 Over a year ago

This is the type of neat coding I was missing! Thanks

Collectives™ on Stack Overflow

Python Dash dropdown with many values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related