How To Access The Selected Dropdown Back To Flask
I have been trying to access the selected dropdown back to the Flask on a click of button. Based on one of the suggestions I did as follows app.py @app.route('/ra/connect',meth
Solution 1:
I can't get your error with your code. Probably you get error for different code but you didn't show full error message which could confirm it.
To update HTML
without reloading page you need JavaScript
or jQuery
to send AJAX
request, get response and put it in existing HTML
Minimal working example:
from flask import Flask, request, render_template_string
app = Flask(__name__)
@app.route('/')
def index():
return render_template_string('''<html><scriptsrc="https://code.jquery.com/jquery-3.5.1.min.js"integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="crossorigin="anonymous"></script><formaction="/ra/connect"method="POST"id="form"><selectname="selected_class"class="form-control"id="all_classes">
{% for o in all_classes %}
<optionvalue="{{ o }}"selected>{{ o }}</option>
{% endfor %}
</select><buttonclass="form-control"id="button">Get gateways</button></form><pid="countdown"></p><script>
$('#button').click( function(event) {
event.preventDefault();
$.post("/ra/connect", $('#form').serialize(), function(data) {
//alert(data);
countdown = $("#countdown");
countdown.append(data + "<br/>");
});
});
</script></html>''', all_classes=['Hello', 'World'])
@app.route('/ra/connect', methods=['GET', 'POST'])
def connect_management():
user = request.form.get('selected_class')
print('user:', user)
return str(user)
app.run()
BTW: Continuation in flask variable access from HTML
Post a Comment for "How To Access The Selected Dropdown Back To Flask"