如何使用 postgres 数据库中的值动态填充 html 下拉列表？

Question

我正在使用 Flask 创建一个网站，并且我正在尝试创建一个下拉菜单，其中填充了我的 postgres 数据库中区域表中的所有区域。目前我已经像这样对下拉列表进行硬编码：

<label for="regions">Choose a region:</label>

<select name="regions" id="regions">
  <option value="murray">Murray</option>
  <option value="darling">Darling</option>
  <option value="coast">Coast</option>
  <option value="central">Central</option>
</select>

但是，我想更改此设置，以便根据包含所有区域的表的 sql 查询填充下拉列表。这可能吗？

所有区域名称的 SQL 查询是：

select region_name from regions

Answer 1

在后端（flask）中，您可以使用查询从 Postgres 数据库中获取所有值：

# code to connect to db
...
# code to fetch from database
list_of_regions = db.execute("select region_name from regions")

然后将这些值传递给前端页面：

@app.route("/")
def index():
    return render_template("index.html", list_of_regions = list_of_regions)

在前端，您可以使用 Jinja 遍历值并将项目添加到下拉列表中：

<label for="regions">Choose a region:</label>

<select name="regions" id="regions">
  {% for region in list_of_regions %}
    <option value={{region.lower()}}>{{region}}</option>
  {% endfor %}
</select>

只需用上面提供的通用代码替换您的特定于案例的代码，就可以了。我不确定如何连接到 postgres 数据库，因为我主要使用 MySQL，所以我想这个 package 可能会更好地帮助你。