时间戳

首页 > 解决方案 > 如何知道在动态生成的选项卡集中选择并激活了哪个选项卡

javascript - 如何知道在动态生成的选项卡集中选择并激活了哪个选项卡

问题描述

我想知道从一组动态生成的选项卡上传文件时选择的语言选项卡。它还应该通过选择的语言。

在这里，我从第三组中选择了法语选项卡。我选择了将上传文件的第三组。现在我需要识别所选语言以通过我的 ajax 调用传递值。 在此处输入图像描述

以下是添加新标签的功能：

function buildTabsNew() {
    var questions = jsonResponse;
    var newTabs = [];
    var langlength = questions[0].DetailLanguages.length;
    console.log(questions[0].DetailLanguages);
    for (var k = 0; k < langlength; k++) {
        counter++;
        languageSelected = questions[0].DetailLanguages[k].Language_Name;
        var tabsArray = {
            paneId: "paneid-" + counter,
            title: questions[0].DetailLanguages[k].Language_Name,
            content: '<textarea class="textarea-' + hash + k + '" placeholder="' + questions[0].DetailLanguages[k].Language_Name + '" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px;"></textarea><div id="uploadFile-' + hash + k + '"></div>',
            active: k == 0 ? true : false,
            disabled: false
        };
        newTabs.push(tabsArray);
        console.log(newTabs);
    }

标签： javascriptjqueryhtmlcss

解决方案

I am using the concept that the tab with "active" class is the one we need so the code will be:

console.log($("ul.nav-tabs li.active a").text());

PS: This might create an issue if you have more than one nav-tabs present in the same page. I think if you start using id attribute that would be better.

推荐阅读