Javascript 在下拉菜单上显示/隐藏js脚本

在index.html中，我有两个.js脚本：

<script src="js/one.js"></script>  (16.000 lines)
<script src="js/two.js"></script>  (16.000 lines)

（16.000行）
（16000行）

我还有两个按钮：

<button>Show Js One</button>
<button>Show Js Two</button>

showjsone
显示Js 2

第一个Js有一个下拉菜单： 一个 两个 三

第二个Js有一个下拉菜单： 四 五 六

单击按钮（1或2）我想切换这些列表， 不刷新或加载页面（我只需要一个HTML页面index.HTML）

---

所以，如果我点击按钮1，显示一、二、三菜单，但如果我点击按钮2，显示四、五、六菜单，而不加载新页面。是否可以在下拉菜单上显示/隐藏js脚本？？非常感谢..

我建议这样做：

$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
$（document.body）.remove（'#twojs'）.append（''）；
});
});

这有点难。。如果（button1==“one”）{loadScript（“js/one.js”）}或者（button2==“two”）{loadScript（“js/two.js”）；}不起作用，那么应该这样做。。有什么功能吗？我真的不明白这里有什么问题。将它们都包含在文档中。当按下按钮1时，从one.js调用函数；当按下按钮2时，调用two.js中的函数。同时研究函数的导出和导入。@ikiK请试着理解这个问题，问题是当我单击ShowJSTwo按钮时，它不会读取Two.Js脚本并隐藏one.Js脚本。下拉菜单不会将项目从一二三更改为四五六。。。它不调用任何函数，我需要一个技巧来显示和隐藏下拉菜单上的脚本js。