Flask Dynamic dependent dropdown list

Question

I started reading into some flask application programming and I have been trying to get drop down menu to work, but so far I have had no luck. What I want to do is, when the use

Answer 1

You need to use Ajax here to retrieve a list of the food depending on your choice of foodkind. So in your template you will need to include something like this:

  

    

    
  

  
    

      {{ form.foodkind() }}
      {{ form.food() }}
    
  

This code will make a shorthand Ajax request for JSON-encoded data. This data contains a list of the values for your food select box.

For this to work you will need to add an endpoint /get_food/ to your Flask views:

food = {
    'fruit': ['apple', 'banana', 'cherry'],
    'vegetables': ['onion', 'cucumber'],                                                 
    'meat': ['sausage', 'beef'],
}


@app.route('/get_food/')
def get_food(foodkind):
    if foodkind not in food:                                                                 
        return jsonify([])
    else:                                                                                    
        return jsonify(food[foodkind])