Javascript 基于下拉菜单触发引导选项卡

我有一个多选下拉列表，在选择一个特定的选项卡时，我需要打开引导选项卡，我只能显示该选项卡，但该选项卡的内容只有在我单击该选项卡后才会显示，有人能告诉我我犯了什么错吗

这是我的下拉代码

 <select name="subrole" id="subrole" class="inversed dropdown multiCheckbx triggerTab" multiple="multiple" ng-model="subrole" 

                                multiselect-dropdown required>

                                         <option value="Actor" class="actor" id="actor" href="Actor"> Actor </option>
                                    <option value="Director" class="director" id="director" href="Director"> Director </option>
                                    <option value="Lyricist" class="lyricist" id="lyricist" href="Lyricist"> Lyricist </option>
                                    <option value="Music Director" class="musicdirector" id="musicdirector" href="MusicDir"> Music Director </option>
                                    <option value="Singer" class="singer" id="singer" href="singer"> Singer </option>
                                    <option value="Standup Comedian" class="standupcomedian" id="standupcomedian" href="standupcomedian"> Standup Comedian </option>

                                </select>

要显示我的选项卡容器，我使用调用以下函数DisplayTab（），但默认情况下会显示特定选项卡，而不是所选选项卡

     function DisplayTab() {

var selecteditems = new Array();
selecteditems = $('#subrole').val();
if(selecteditems!==null && selecteditems.length!== 0)
{
            //$('#tab-2').show();
          //  $('#myTabs a[href="#menu2"]').tab('show') // Select tab by name
                    $('#tabscontainer').show();


}
else {
            //$('#myTabs a[href="#menu2"]').tab('hide') // Select tab by name
                    $('#tabscontainer').hide();

}
}

---

如何显示特定选项卡的内容

这段代码检查所选选项的数量，然后显示选项卡

if ($("#subrole option:selected").length > 0) {
 // You might need a trigger for the tab
 $('#tabscontainer').trigger('click');
 // or follow your logic if that works
 $('#tabscontainer').show();
}

---

感谢您的回复，我尝试了您的解决方案，但似乎不起作用。你知道我如何使用这个.trigger（'click'）来指定标签吗

我试过$（'tab-1'）。触发器（'click'）；但它不起作用，请尝试li，$（'#tab-1'）中的链接。查找（'a'）。触发（'click'）；

if ($("#subrole option:selected").length > 0) {
 // You might need a trigger for the tab
 $('#tabscontainer').trigger('click');
 // or follow your logic if that works
 $('#tabscontainer').show();
}