如何使用javascript仅在所选下拉列表的选择上显示选项卡？

在下面的应用程序中，我创建了一个应用程序，用于捕获用户输入并以文本文件的形式下载。我面临一个问题。根据“Chasis数量”下拉列表中的选择，我无法显示“Chasis 1”和“Chasis 2”。例如，如果'Number of Chasis'==1，我只需要'Chasis 1'选项卡，如果'Number of Chasis'==2，则我需要Chasis 1和Chasis 2，但在下拉列表中未选择任何值时。我不想在那里显示任何标签。我无法实现此要求的最后一部分。对jquery、javascript以及我用来实现此功能的html进行编译

$（文档）.ready（函数（$）{
功能显示SelectedTabs（selectedNumber）{
开关（选择的数字）{
案例“”：
$（“#tab1btn”）.hide（）；
$（“#tab1”）.hide（）；
$（“#tab2btn”）.hide（）；
案例“1”：
$（“tab1btn”）.show（）；
$（“#tab2btn”）.hide（）；
$（“#tab2”）.hide（）；
打破
案例“2”：
$（“#tab2btn”）.show（）；
打破
}
}
var selectedNumber=$（“#tabsToDisplay”）.val（）；
显示SelectedTabs（selectedNumber）；
功能选项卡单击（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

这是我的HTML

裂缝数量
-控制器数量-
1.
2.
Chasis 1
Chasis 2

Missed

break

for

case”“

谢谢@EmptyBrain我还有一个问题。在tabcontent中，我有用户需要填写的各种附加字段。但是，一旦提交了所有必需的字段，并且我单击了选项卡，表单就会被刷新。知道会出什么问题吗添加更新的代码我会试试