Javascript 将操作添加到下拉列表

我正在开发一个web应用程序，我有一个下拉框，用户可以从下拉框中选择任何国家。我正在尝试添加一个功能，用户可以在从下拉框中选择特定国家后查看该国的国旗。我已经将所有标志添加到我的静态文件夹中。我还没有找到太多关于它的信息，而且我对编程还是相当陌生，所以任何东西都会有帮助

以下是我所拥有的：

index.html   
<form method="POST" action="/dropdown">
         <select name="country">
      <option value="{{countries[0]}}" selected>{{countries[0]}}</option>
      {% for country in countries[1:] %}
        <option value="{{country}}">{{country}}</option>
      {% endfor %}
        </select>
      <input type="submit" value ="Submit">
      </form>

main.py
app = Flask(__name__)
@app.route('/', methods=['GET'])
def dropdown():
    with open("countries.txt", 'r') as f:
        countries = [line.strip() for line in f]
    return render_template('index.html', countries=countries)

index.html
{{国家[0]}
{国家/地区[1::%]中的国家/地区的百分比]
{{国家}
{%endfor%}
main.py
app=烧瓶（名称）
@app.route（'/'，方法=['GET']）
def下拉列表（）：
将open（“countries.txt”，“r”）作为f：
国家=[line.strip（）表示f中的行]
返回呈现模板（'index.html'，countries=countries）

或者设置一个dict，将国家映射到他们的文件，或者使用国家名称/代码作为文件名（然后从该名称生成链接）。你知道这方面的任何例子吗？我不清楚你不确定的部分。您需要知道如何添加图像吗？如何添加基于国家/地区的图像？或者，如何获得作为选择结果的图像？如何添加作为选择结果的图像？我需要以某种方式将图像映射到文本文件中的一个国家，但我不确定如何做，并且我无法找到任何好的入门级资源