Javascript 从下拉菜单显示图像

Javascript 从下拉菜单显示图像,javascript,python,html,flask,html-select,Javascript,Python,Html,Flask,Html Select,我是一个编程新手,我正在尝试创建一个国家列表的下拉菜单(从文本文件countries.txt),当你选择一个国家时,它将显示一个国家的国旗。有人知道吗?我想我可以使用来自flask的get/post请求,但现在我把它作为一个文本框。。。我无法使用jQuery创建大多数教程都使用的数据库 编辑:不能硬编码为50行选择“国家名称”->“国家形象”。。。我想我可以使用for循环,但不确定如何 @bp.route("/", methods=("GET", &quo

我是一个编程新手,我正在尝试创建一个国家列表的下拉菜单(从文本文件countries.txt),当你选择一个国家时,它将显示一个国家的国旗。有人知道吗?我想我可以使用来自flask的get/post请求,但现在我把它作为一个文本框。。。我无法使用jQuery创建大多数教程都使用的数据库

编辑:不能硬编码为50行选择“国家名称”->“国家形象”。。。我想我可以使用for循环,但不确定如何

@bp.route("/", methods=("GET", "POST"))
def form():
    if request.method == "POST":
        image = os.path.join("/", "static", "img", f"{request.form['image']}.png")
        error = None
        if not image:
            error = "image is required."
        if error is None:
            return render_template("image.html", image=image)
        flash(error)
    return render_template("form.html")



 <h1>Select a state</h1>
    <form method="post">
    <input name="image" id="image" required><br>
    <br></vr><input type="submit" button class="button button1"; value="Show the flag">
  </select></form>
@bp.route(“/”,methods=(“GET”,“POST”))
def form():
如果request.method==“POST”:
image=os.path.join(“/”,“static”,“img”,f“{request.form['image']}.png”)
错误=无
如果不是图像:
error=“需要图像。”
如果错误为无:
返回渲染模板(“image.html”,image=image)
闪光(错误)
返回渲染模板(“form.html”)
选择一个状态



您应该能够在无需Flask支持的情况下直接用javascript和HTML编写代码。如果需要使用Flask,请尝试使用Jinja模板将其写入从服务器发送的HTML中。另外,我想看看jQuery是如何用来创建数据库的。我不知道如果不进行硬编码,该如何创建数据库。。。有人有什么想法吗?用户名签出。。。但正如我所说的,检查一下(烧瓶使用Jinja)。这不是硬编码。我想这是因为您提供的文档太高,我无法理解。。。