Question

我有2个主要标签A和B.每个标签有2个子标签，分别是A11，A12和B11，B22。我正在触发那些带有A和B链接的子标签，但现在我想将链接更改为选择选项。我尝试过使用javascript但是当我选择A显示我A11时，当我选择B显示我A22而不是B11。现在可以在此处找到有关链接触发器的现状的实例。

Answer 1

您可以取消注释第一个标签导航（.nav-clase）并使用hidden课程隐藏它。然后在jQuery中，您可以使用change()函数在选项更改后更改选项卡。

$('#select').change(function () {
    if($(this).val() == '0') {
    $('.nav-clase').find('[href="#clasele24"]').tab('show');
  } else {
    $('.nav-clase').find('[href="#clasele58"]').tab('show');
  }
});

使用<select>切换Bootstrap选项卡窗格

1 个答案:

的 JSFIDDLE