FLask-Python:从下拉列表中选择下拉列表中的所选值时，是否不显示？ - javascript

在test.html中有一个ID testTime和jinja2模板time（从test.py-render_template返回）

    <div>
        <select class="test-default" id="testTime">
        <option value=0>today</option>
        <option value=7>week</option>
        <option value=14>fortnight</option>
        <option value=30>month</option>
        </select>
        </div>

        {{ time }}

HTML中的脚本是

function fetch_test_data(){
    let test = $("#testTime").val();
    axios({ 
        method:"get",
        url:"/test",
        params: {
            test
        }
    }).then(function (response) {
        $(document.body).html(response.data)
    }); 
}

哪个将值发送到python文件
test.py

        @app.route('/test', methods=["GET"])
        @login_required
        def transactions_view():
            time = (request.args.get("test"))

            print(time)  #this gives excepted output.

            return render_template("test.html", time=time)

这将从下拉列表正确返回值。
我正在通过Jinja模板time将test.html渲染为{{ time }}。

但是，只要在html中更新值，dropdown就会刷新而不会显示所选值。

正确的值返回到flask并重新呈现。但是下拉显示/列表显示的是第一个值而不是所选值？

如何修改以便显示所选值而不是默认值/第一个值？

编辑：1
如果<select>下拉列表已预填充怎么办？
这是我的html

            <div>
               <select class="test-default" id="testTime">
                {% for option in options %}
                <option value={{ option }}>{{ option }}</option>
                {% endfor %}
            </select>
                </div>

和test.py文件

        @app.route('/test', methods=["GET"])
        @login_required
        def transactions_view():
            options = ["0","7","14","30"]

            return render_template("test.html", options=options)

在上述情况下，如何使用selected属性。

参考方案

您必须添加选定的属性。

<div>
    <select class="test-default" id="testTime">
    <option value=0 {% if time == 0 %} selected="selected" {% endif %}>today</option>
    <option value=7 {% if time == 7 %} selected="selected" {% endif %}>week</option>
    <option value=14 {% if time == 14 %} selected="selected" {% endif %}>fortnight</option>
    <option value=30 {% if time == 30 %} selected="selected" {% endif %}>month</option>
    </select>
</div>

Flask Jinja2语句与JavaScript用例 - javascript

我正在使用Flask框架创建我的第一个小型Web应用程序，但我不确定哪种方法是基于后端Python代码中定义的数据更改页面上元素（ID ='＃NRG'）元素属性的最佳实践。 ：Flask / Jinja2方法： {% if nrg_precip_probs[0] <=25 and nrg_precip_probs[1] <= 25 and nrg…

我如何使用flask从javascript获取变量 - javascript

因此，我按照flask的建议在相应的文件夹中设置了app.py，index.js，index.html。 Index.html在app.py运行时呈现，然后index.html运行index.js，后者从用户那里获取输入数据。我试图发送此输入并将其发送到python，在这里我可以调用API，获取数据并使用它，但是我想不出一种方法来做到这一点。我的app.py…

Python / JS正则表达式匹配小于X的任何数字 - javascript

我在文本文件中有一些JSON数据，例如：..."priority":1,... ..."priority":3,... ..."priority":5,... 我想做的是匹配优先级小于或等于3的所有行。因此匹配项为：..."priority":1,... ..."pri…

单击对象时显示信息的方法 - javascript

                        有没有一种方法可以使对象提交按钮？通过单击图像等对象，我想提交。谁能给我一个线索？ 参考方案 您可以使用jQuery，它非常简单：// Listen for a click on an element $('#objectId').click(function() { // Do somet…

Python 3运算符>>打印到文件 - python

我有以下Python代码编写项目的依赖文件。它可以在Python 2.x上正常工作，但是在使用Python 3进行测试时会报告错误。depend = None if not nmake: depend = open(".depend", "a") dependmak = open(".depend.mak&#…