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

Question

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

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

我还有两个按钮：

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

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

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

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

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

Answer 1

我建议这样做：

$(document).ready(function() {
$("#button").click(function() {
$(document.body).remove('#twojs').append('<script id="twojs" type="text/javascript" src="two.js"></script>');
});
});

<button id="button"></button>
<script id="twojs" src="two.js"></script>