onchange事件重新加载页面并调用另一个函数

Question

我有一个HTML页面，我在下拉列表中有一个带有一些elementa的选择框。 每次通过onchange事件选择元素时，都会根据所选元素加载树结构。

我面临的问题是 我从下拉列表中选择一个元素，并在HTML页面中正确加载结构。 但是我在onchange事件中选择了另一个元素，但它与第一​​个元素重叠。

如何在onchange事件上重新加载页面并调用函数来加载结构？

这是我的代码

<select id ="sid"  onchange="fnLoadStructure(this);">
<option> select </option>
</select>

JavaScript代码

function fnLoadStructure (selectedele){
// code to generate structure
}

我尝试在我的fnLoadStructure中使用location.reload（），但即使在加载结果之前，页面也会刷新。

我该如何解决这个问题？