Javascript 在asp.net上动态添加新的引导导航选项卡按钮单击

我知道这可以在HTML和JS上完成，但我无法使用asp.net按钮使其工作。这是我的设想

我有一个界面，如下图所示。每当用户选择一个新的机架和插槽并按下连接，下面将根据所选的机架和插槽显示一个新选项卡，连接按钮应触发asp.net codebehind进行一些验证。我知道这可以通过JS和CSS实现，我以前也做过，但现在我被困在如何通过C#asp.net实现这一点上

我希望得到以下样本的结果

var按钮=“×”；
var-tabID=1；
函数resetTab（）{
var tabs=$（“#tab list li:not（：first）”）；
var len=1
$（制表符）。每个（功能（k，v）{
len++；
$（this.find（'a'）.html（'Tab'+len+按钮）；
})
塔比德--；
}
$（文档）.ready（函数（）{
$（“#btn添加选项卡”）。单击（函数（）{
tabID++；
$（“#选项卡列表”）。追加（$（“
”）；
$（'tab content'）。追加（$（'tab'+tabID+'content'）；
});
$（“#选项卡列表”）。在（'单击'，'.close'，函数（）上{
var tabID=$（this.parents（'a'）.attr（'href'）；
$（this.parents（'li'）.remove（）；
$（tabID）.remove（）；
//显示第一个选项卡
var tabFirst=$（“#选项卡列表a:first”）；
resetTab（）；
tabFirst.tab（'show'）；
});
var list=document.getElementById（“选项卡列表”）；
});

引导示例

添加选项卡




表1内容