Question

我有一个棘手的问题要解决，到目前为止我还没有找到一个很好的解决方案。对不起，我是JS的新手。

我有一个下拉列表，选择持续时间为1小时，2小时等。我正在尝试根据下拉列表切换我要运行的脚本。我遇到了一些问题。

我的简化html看起来像这样

<div id="content">
  <h2>Some Stats</h2>
  <section><div id="legend"></div></section>
  <div id="chart_container">
    <div id="graph"></div>
  </div>
</div>

<!-- My graph generates above "legend", "chart_container", and "graph". time_duration is a variable that is generated by the dropdown-->
<script>
  $(document).ready(function(){
    //dropdown
    $("#DateFilter").change(function(){
       var current = $(this).find("option:selected").attr("id");
       graph = new graph("path_to_url" + current); 
       graph.render();
    });
  });
</script>

当我尝试更改持续时间时，会生成基于新时间范围的新图表，但会叠加在当前图表的顶部。

这是因为＆＃34;传奇＆＃34;，＆＃34; chart_container＆＃34;和＆＃34;图表＆＃34; div仍然是旧的。图表也会持续运行（使用setInterval）。

我可以用新的替换整个当前图形而不使用JQuery使用多个div（并使用hide，show）吗？

Answer 1

在jQuery中，您可以使用方法empty()：

$("#graph").empty();

然后您可以添加新内容。

阅读更多：http://www.w3schools.com/jquery/html_empty.asp

根据下拉列表实例化新的JavaScript

1 个答案: