如何使用python,sqlite3,html和javacript编码动态下拉菜单

时间:2019-07-18 09:20:13

标签: javascript python json sqlite

我想从sqlite DB表中获取用户数据,并在我的html代码中将它们作为下拉列表列出。我是python的新手。我尝试编写代码,但失败了。 list_fetched是我从数据库表中获取的用户列表。

@app.route('/trail', methods=['POST', 'GET'])
def index():
    list_tested = db_dropdown()
    return render_template("try.html", trail1=list_fetchted)


    return "hi"


try.html:

<html>
  <head>

  </head>
  <body>
    <p>Hello World</p>
    <button type="submit" onclick="clicked()">Submit</button>
<script>
      var trail1 = {{ trail1|tojson }};
      function clicked()
      {
      alert("trail1[0]")
      }
    </script>
  </body>
</html>

no value is getting displayed. any help is appreciated.

1 个答案:

答案 0 :(得分:0)

我建议您查看Flask的快速入门指南,它可能会为您的问题提供一些建议,并为您将来的学习提供帮助。 (https://flask.palletsprojects.com/en/1.0.x/quickstart/) 对于您的问题,我有一个解决方案(我已删除了所有sqlite访问权限,但可以确保将其放入):

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    return render_template("try.html", trial1=['1', '2'])

然后,需要将try.html文件放置在项目目录中的/templates/try.html中。默认情况下,这是Flask引用模板的地方。

<html>
  <head>

  </head>
  <body>
    <p>Hello World</p>
    <button type="submit" onclick="clicked()">Submit</button>
<script>
      var trail1 = {{ trial1|tojson }};
      function clicked()
      {
      alert(trail1[0])
      }
    </script>
  </body>
</html>

喜欢学习python:)