如何知道从垂直和水平标签中选择的标签?

时间:2018-05-25 05:01:23

标签: html html5 flask tabs

我在这样的HTML页面中安排了标签:

django.db.utils.ProgrammingError: (1064, "You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'android,ios) NULL' at line 1")

如果我选择 1 2 3 4 5 A B C B D ,我可以看到相应的数据,或者如果我选择A and 3,我可以看到那里有什么。

但我打算在其中添加一个表单。因此,如果我选择D and 1,我可以看到一个表单。但是此选项卡值未预定义。它是动态的并从数据库中获取。因此,一旦获取表单,我如何知道按下哪个垂直选项卡和水平选项卡?这样我就可以将表单值更新到数据库到相应的表。

我正在使用A and 3后端,我的代码是:

python flask

1 个答案:

答案 0 :(得分:1)

您可以在隐藏字段中存储当前选项卡选项。点击链接,您可以将该隐藏字段更新为当前选择。

<input type="hidden" id="CurrentSelectedTab" />

<ul class="nav nav-tabs tabs-vertical" role="tablist">
    <li class="nav-item"> <a class="nav-link active show" data-toggle="tab" href="#home0" role="tab" aria-selected="true"><span class="hidden-sm-up"><i class="ti-home"></i></span> <span class="hidden-xs-down">A0</span> </a> </li>
    {% for i in range(1,5) %}
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#home{{ i }}" onclick="return UpdateSeletedTab(i);" role="tab" aria-selected="true">
            <span class="hidden-sm-up"><i class="ti-home"></i></span>
            <span class="hidden-xs-down">A{{ i }}</span>
        </a>

    </li>
    {% endfor %}
</ul>


<script type="text/javascript">
    function UpdateSeletedTab(i) {
        $("#CurrentSelectedTab").value(i);
    }
</script>