使用 Python、sqlite3、HTML 和 JavaScript 编码动态下拉菜单答案

【问题标题】：Code dynamic dropdown using Python, sqlite3, HTML and JavaScript使用 Python、sqlite3、HTML 和 JavaScript 编码动态下拉菜单
【发布时间】：2019-11-27 04:33:27
【问题描述】：

我想从 sqlite DB 表中获取用户数据并将它们列为我的 HTML 代码中的下拉列表。我是 Python 新手。我尝试编写代码，但失败了。 list_fetched 是我从 db 表中获取的用户列表。

@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>

没有显示任何值。

【问题讨论】：

这是烧瓶吗？也许请标记它。
你说你是Python新手，你用过哪些编程语言？（只是为了获得一些参考点）

标签： javascript python json sqlite

【解决方案1】：

我建议您查看 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 :)

【讨论】：

我从 db 获取的数据中的第一个元素是 '' 空白。所以警报功能不显示任何内容。你能帮我如何从从 db 获取的列表中创建一个下拉菜单。