代码之家 › 专栏 › 技术社区 › Matt

通过HTML表单过滤flask参数

jinja2 flask html javascript

Matt · 技术社区 · 6 年前

我正在尝试显示通过flask传递到我的网页的sql表中的行选择。选择哪些行取决于从HTML下拉列表中选择的值(表中的一列是 id . 我需要id与表单中选定值对应的行):

<form name="dropdownForm" style="padding:10px 0px 0px 20px" onchange="calldropdown(this.value)">
    <select name="dropdownselection" id='dropdownresult'>
        <option value=1>Option 1</option>
        <option value=2>Option 2</option>
        <option value=3>Option 3</option>
       </select>
</form>

目前,我正在将此表单的结果传递给javascript函数,但到目前为止,我只能显示表单中选定的值,而不是我需要的:

<p id = areatodisplay"></p>
function calldropdown(dropdownresult) {
    var result= document.getElementById('dropdownresult').value
    document.getElementById("areatodiaplsy").innerHTML = result;
}

innerHTML 行,导致语法错误:

document.getElementById("areatodiaplsy").innerHTML = {% for i in getInfo %} {% if i.id == result %} {{i.name}} {% endif %} {% endfor %};

为了完整起见,我使用的烧瓶代码是:

@app.route('/live')
def live():
    return render_template('live.html', getInfo=Info.query.all())

0 回复 | 直到 6 年前

balderman 6 年前

试试这个-很管用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function calldropdown(dropdownresult) {
             document.getElementById("areatodisplay").innerHTML = dropdownresult;
        }

    </script>
</head>
<body>

<select name="dropdownselection" id='dropdownresult' onchange="calldropdown(this.value)">
    <option value=1>Option 1</option>
    <option value=2>Option 2</option>
    <option value=3>Option 3</option>
</select>

<p id="areatodisplay"></p>

</body>
</html>

推荐文章

R0bert2 · Ansible-使用with_项创建列表

2 年前

Mido · 将html链接中的值传递给flask中的my函数

7 年前

Steven · Twisted Web服务器中用于模板呈现的自定义文件扩展名处理程序

7 年前

Houy Narun · 如何在所见即所得编辑器中保持html属性不变?

7 年前

user7137459 · Python列表转换为html表

7 年前

aalberti333 · 在HTML中单击按钮以更新烧瓶中的SQLAlchemy db

7 年前

Oamar Kanji · 如何从另一个模板中包含的模板在烧瓶中呈现WTF表单?

7 年前

Oleksii Petrushynskyi · 如何使用引导程序使列不相互依赖?

7 年前

Mike Klebolt · 使用Jinja2 dict作为Ansible模块选项的一部分

7 年前

jma · 使用dns\U签入salt(其中文档似乎错误)

7 年前