首頁猿問如何訪問選定的下拉菜單回燒瓶

如何訪問選定的下拉菜單回燒瓶

JavaScript

阿晨1998 2022-10-08 10:14:16

我一直在嘗試通過Flask單擊按鈕訪問選定的下拉列表?；谖易隽巳缦碌慕ㄗh之一應用程序.py @app.route('/ra/connect',methods=['GET','POST']) def connect_management(): user = (request.form['selected_class']).first() return (str(user))應用程序.html <select name="selected_class" class="form-control" id="all_classes"> {% for o in all_classes %} <option value="{{ o }}" selected>{{ o }}</option> {% endfor %} </select> 我需要使用選定的下拉選項并Flask通過單擊按鈕從 api 填充更多結果并將它們顯示在countdown按鈕下方的標記中?？偠灾?，我需要在Flask沒有新選項卡的情況下將下拉值訪問回 api。<button class="form-control" id="button" onclick="connect4()">Get gateways</button> <p id="countdown"></p>我一直在TypeError: 'ImmutableMultiDict' object is not callable即使在遵循建議之后

查看完整描述

1 回答

一只甜甜圈

TA貢獻1836條經驗獲得超5個贊

我無法通過您的代碼得到您的錯誤。可能您收到不同代碼的錯誤，但您沒有顯示可以確認它的完整錯誤消息。

要在HTML不重新加載頁面的情況下更新您需要JavaScript或jQuery發送AJAX請求，獲取響應并將其放入現有HTML

最小的工作示例：

from flask import Flask, request, render_template_string

app = Flask(__name__)

@app.route('/')

def index():

return render_template_string('''<html>

{% for o in all_classes %}

{% endfor %}

</select>

<button class="form-control" id="button">Get gateways</button>

</form>

$('#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()

反對回復 2022-10-08

1 回答
0 關注
130 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何訪問選定的下拉菜單回燒瓶

如何訪問選定的下拉菜單回燒瓶

1 回答

添加回答