如果我需要填充HTML元素，我应该在哪里做？

Question

我在html页面上有一个select字段。这可以在带有Flask（我碰巧使用的）或你想要的任何模板的Jinja2模板中。

如果我需要根据外部数据动态填充此选择，在我的情况下是数据库，我应该怎么做？

在我看来，我有三个选择：

1. 加载页面并通过ajax调用填充所有内容。在后端调用一些脚本，获取数据并返回它。然后，javascript将处理实际创建html以放入select。
2. 在页面加载之前在后端生成html，然后使用变量插入它。这似乎比＃1更直截了当，因为＆＃34; flow＆＃34;不必在前端和后端之间来回走动。
3. ＃1和＃2的混合，我会在页面加载之前获取后端的数据。然后将其传递到前端，使用javascript生成html。

最后写出这些，我可能会选择3号，但由于我没有接受任何关于此类内容的正式培训或指导，我不知道究竟什么是最好

此外，还有第四种甚至第五种选择吗？我正在学习，所以我对任何事都持开放态度。