Ich entwickle eine Flask-Anwendung, die die Werte einer MySQL-Datenbanktabelle filtert und basierend auf dem ausgewählten Wert des ersten Dropdowns den Wert des zweiten Dropdowns aktualisiert. Endlich ein paar Daten zurückgeben

Jetzt funktioniert der Code, aber es scheint einen Fehler im Code zu geben, der dazu führt, dass, wenn ich eine neue Auswahl aus dem ersten Dropdown-Menü treffe, das zweite Dropdown-Menü mit dem Wert des ersten Dropdown-Menüs sowie dem erwarteten Wert für das zweite Dropdown-Menü gefüllt wird Listenwerte

Das sollte nicht der Fall sein. Ich möchte, dass nur das zweite Dropdown-Menü mit dem erwarteten Wert gefüllt wird und nicht der Wert des ersten Dropdown-Menüs hinzugefügt wird.

Das ist mein Flaschenanwendungscode:

from flask import jsonify, request from flask import Flask, render_template import mysql.connector app = Flask(__name__) # Configure MySQL connection cnx = mysql.connector.connect( host="xxxxxxx", user="xxxxxxxxx", password="xxxxxxxxx", database="xxxxxxxxxx") @app.route('/', methods=['GET', 'POST']) def index(): try: cursor = cnx.cursor() query = "SELECT topic FROM text_table" cursor.execute(query) data = [row[0] for row in cursor.fetchall()] # Get the first column of all rows cursor.nextset() # consume any unread result cursor.close() if request.method == 'POST': selected_topic = request.form.get('selected_topic') # Get the selected topic from the form if selected_topic: cursor = cnx.cursor() query = "SELECT sub_topic FROM text_table WHERE topic = %s" cursor.execute(query, (selected_topic,)) sub_topics = [row[0] for row in cursor.fetchall()] # Get the sub topics for the selected topic cursor.nextset() selected_sub_topic = request.form.get('selected_sub_topic') # Get the selected sub topic from the form if selected_sub_topic: query = "SELECT text FROM text_table WHERE topic = %s AND sub_topic = %s" cursor.execute(query, (selected_topic, selected_sub_topic)) result = cursor.fetchone()[0] # Get the value of the text for the selected sub topic cursor.nextset() cursor.close() return render_template('index.html', topics=data, selected_topic=selected_topic, sub_topics=sub_topics, selected_sub_topic=selected_sub_topic, result=result) cursor.close() return render_template('index.html', topics=data, selected_topic=selected_topic, sub_topics=sub_topics) return render_template('index.html', topics=data) except Exception as e: # Return an error message if there's an exception return jsonify(error=str(e)), 500 if __name__ == '__main__': app.run()

Das ist mein HTML-Code mit ein wenig JavaScript

     
  
  {% for topic in topics %}  {{ topic }}  {% endfor %}   {% for sub_topic in sub_topics %}  {{ sub_topic }}  {% endfor %}   
 {% if result %} 
{{ result }}
 {% endif %}  

Vielen Dank, wir freuen uns über jede Hilfe