Javascript 获取使用for循环生成的元素id并重新加载该div

您好，我有一个使用for循环生成div id的html页面。无论何时，我想使用循环生成的id重新加载特定div，下面是我的html代码

    {% for list in metrics_stats['metrics_list'] %}
            <div class="chart-row row" id="{{list[0]}}_parent metrics">

                <div class="chart-user col-sm-3" id="{{list[0]}}_user">
                    <div class="col-sm-12">
                        <h4 class="chart-title " id="{{list[8]}}_title">
                             <form>Per User: &nbsp; 
                                <select class = "action-btn " id="inputDays">
                                    <option value="{{list[8]}}">120 days</option>
                                    <option value="{{list[7]}}">60 days</option>
                                </select>
                                <br><br>
                                <noscript><input type="submit" value="Submit"></noscript>
                            </form>
                            <p id="daysInputForm"></p>
                        </h4>
                    </div>
                    <div class="col-sm-12">
                        <div class="chart chart-pie" id="{{list[8]}}"></div>
                    </div>
                </div>
            </div>
    {% endfor %}

{%for metrics_stats['metrics_list']%}
每用户：
120天
60天




{%endfor%}

因此，每当用户选择一个值为60的选项时，它下面id为=“{{list[8]}}”的div应该重新加载。如何在不重新加载整个页面的情况下实现这一点

---

谢谢

我的设计模式是使用类来标记元素的功能。在您的例子中，我将使用class=“chart chart pie js chart”来标识图表，而不是使用id={{list[8]}}。然后，当select选项更改时，我将使用相对dom关系来查找此类。我的命名约定是用$prefix启动jQueryDOM元素，这样我就不需要将它们包装在$（var）中

因此，我的jquery看起来像：

$('.action-btn').change(function(e) {
  var $pdiv = $(this).parents('.chart-user');
  var $chart = $pdiv.find('.js-chart');
  .. use chart now to do your reload behavior here
});

由于我不太确定重新加载图表div需要什么，我很乐意在您提供更多信息时编辑此内容