Popup Dropdown von MySQL Datenbank Python

Question

Ich habe ein Flask Backend mit MySQL und muss Werte aus einer Tabelle ziehen, um sie in einem Dropdown anzuzeigen.

ich eine Tabelle mit Werten, wie Bananen haben, Apfel, Orange, usw.

In meinem HTML-Code zeigt die Option, wenn ein Benutzer eine andere Dropdown wählt Aussehen so dass der Code (die hartcodiert ist) wie folgt aus:

$(function() { 
     $("#inputType").change(function() { 
      var myform = "<div id=\"newForm\">" 
      +"<label for=\"inputFruit\">Fruit:</label>" 
      +"<select class=\"form-control\" id=\"inputFruit\" required>" 
      +"<option></option>" 
      +"</select>" 
      if ($("#inputType").val() == "fruits") { 
       $(myform).insertBefore("#btnSignUp"); 
      } else { 
       $("#newForm").remove(); 
      } 

in meinem Kolben App:

@app.route('/getFruits') # gets my fruits as a list and returns 

Wo füge ich Code, so dass die Werte, die ich von/getFruits gelangen in die Option im HTML gesetzt wird?

Answer 1

Sie können die Kontextdaten (Obst Liste) in Javascript-Code der Vorlage übergeben, verwenden JSON wird Ihre Anforderung erfüllen:

Ihre Ansicht:

import json 

@app.route('/getFruits') 
def my_view(): 
    data = ['Banana', 'Apple', 'Orange', 'Pear', 'Watermalon'] # you can get list from your DB instead 
    return render_template('yourtemplate.html', data=json.dumps(data)) 

Ihre Vorlage:

$(function() { 
     $("#inputType").change(function() { 
      var myform = "<div id=\"newForm\">" 
      +"<label for=\"inputFruit\">Fruit:</label>" 
      +"<select class=\"form-control\" id=\"inputFruit\" required>" 
      {% for item in data %} 
      +"<option>{{ item|safe }}</option>" 
      {% endfor %} 
      +"</select>" 
      if ($("#inputType").val() == "fruits") { 
       $(myform).insertBefore("#btnSignUp"); 
      } else { 
       $("#newForm").remove(); 
      }