Обновить значения html (выбрать) в раскрывающемся списке в html с flask - python?

Question

Мне нужны значения в раскрывающемся меню Html предварительно обновляются / динамически заполняются всякий раз, когда окно загружается / загружается с flask.

URL-адрес /get_data, возвращаемый список для раскрывающихся значений.

        @app.route('/get_data' ,methods=["GET"])
        @login_required
        def getData():
            data = ['apple','banana','cherry']
            return jsonify({"getdata":data})

Раскрывающийся список, который необходимо динамически обновлять при загрузке окна.

                <div class="col">
                <select class="browser" id="fruits">
                    <option selected> Select Below Fruits</option>
                </select>
                    </div>

Как мне поступить с этим?

Что я пробовал:

I Я могу получить данные из раскрывающегося списка (раскрывающийся список, в котором существует и его значения) и отправить их на page и может вернуть их обратно через render_template - {{value}}

Но в вышеуказанном случае я не могу заполнить данные в раскрывающемся списке, чтобы получить их значение?

        function fetch_data(){
            let data = $("#fruits").val();

            axios({ 
                method:"get",
                url:"/page/1",
                params: {
                    data
                }
            }).then(function (response) {
                        $(document.body).html(response.data)
                     }); 
                }