我想根據{{ sliders }}flask應用程序輸入的python字典創建具有值輸出的動態數量的滑塊。到目前為止，我已經想出了這段代碼來顯示滑塊，但是在每個滑塊下方顯示它們的當前值不起作用。JS 腳本只會顯示每個滑塊的默認值，而不是它們當前的值。為什么會這樣以及如何解決？<div class="content-section">        <form method="POST" action="{{url_for('deployment')}}">            <fieldset class="form-group">                {% for slider in sliders %}                    <div class="slidecontainer">                        <p>{{ slider['name'] }}</p>                        <input type="range" min="{{ slider['min'] }}" max="{{ slider['max'] }}" step="{{ slider['step'] }}" class="slider" id="{{ slider['slider_id'] }}" name="{{ slider['name'] }}">                        <p>Value: <span id="{{ slider['value_id'] }}"></span></p>                    </div>                {% endfor %}            </fieldset>            <input type="submit" value="Submit" />        </form>        {% for slider in sliders %}            <script>            var slider = document.getElementById("{{ slider['slider_id'] }}");            var output = document.getElementById("{{ slider['value_id'] }}");            output.innerHTML = slider.value;            slider.oninput = function() {              "{{ slider['value_id'] }}".innerHTML = this.value;            }            </script>        {% endfor %}    </div>