有没有办法使用 Bootstrap 从不同的下拉菜单中显示/隐藏另一个下拉菜单？答案

【问题标题】：Is there a way to show / hide another dropdown from a different dropdown using Bootstrap?有没有办法使用 Bootstrap 从不同的下拉菜单中显示/隐藏另一个下拉菜单？
【发布时间】：2016-02-29 21:04:17
【问题描述】：

我使用了切换技术，但我不喜欢它。

<div class="btn-group col-sm-2 col-md-2 col-lg-2">
    <label>Patient Type</label>
    <button class="form-control btn btn-primary dropdown-toggle"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" name="Transaction">
        Choose Type
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li href="#corp-toggle" value="Walk-In" data-toggle="collapse">
            Walk-In
        </li>
        <li href="#corp-toggle" value="Corporate" data-toggle="collapse">
            Corporate
        </li>
    </ul>
</div>
<div id="corp-toggle" class="collapse col-sm-5 col-md-5 col-lg-5">
    <label>Please Specify your Company:</label>
    <button class="form-control btn btn-primary dropdown-toggle"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" name="Transaction">
        Choose Company
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li href="#corp-toggle" value="Walk-In" data-toggle="collapse">
            Walk-In
        </li>
        <li href="#corp-toggle" value="Corporate" data-toggle="collapse">
            Corporate
        </li>
    </ul>
</div>

【问题讨论】：

提供更多信息 JQuery/JS 代码（如果有）。你目前是如何处理的？以及预期的行为是什么
你到底想做什么？如果你熟悉 JavaScript，可以看看引导手册：getbootstrap.com/javascript/#dropdowns

标签： javascript jquery bootstrapping

【解决方案1】：

谢谢各位！我已经使用 JS 解决了它。之前的最初问题是，如果选择是从下拉列表中进入的，那么另一个下拉菜单将被隐藏。如果选择的是 Corporate，则另一个下拉列表将可见。

JS 代码是

function show(frm) {
        if (frm.Transaction.value == "Corporate") {
            document.getElementById("hide").style.visibility = "visible";
            document.getElementById("show").style.visibility = "visible";
        }else{
        document.getElementById("show").style.visibility = "hidden";
        document.getElementById("hide").style.visibility = "hidden";
        }
    }

我从第一个下拉表单中调用了该函数：

select class="form-control"  Name="Transaction" onClick="show(this.form)

然后调用：

id="show" style="visibility:hidden"

从第二个下拉表单

【讨论】：