有沒有辦法使用Bootstrap顯示/隱藏另一個下拉菜單中的下拉菜單？

我使用了切換技術，但我不喜歡它。有沒有辦法使用Bootstrap顯示/隱藏另一個下拉菜單中的下拉菜單？

<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>

來源

2016-02-29 Allan Oguis

提供更多信息JQuery/JS代碼i任何。你目前如何處理？以及期望的行爲是什麼 – pratikpawar

你想要做什麼？如果您熟悉JavaScript，則可以查看引導手冊：http://getbootstrap.com/javascript/#dropdowns –

謝謝你們！我已經使用JS解決了它。之前的最初問題是如果從下拉列表中選擇Walk-In，則另一個下拉將被隱藏。如果選擇是公司，則其他下拉列表將可見。

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"

來源

2016-03-01 22:01:54

有沒有辦法使用Bootstrap顯示/隱藏另一個下拉菜單中的下拉菜單？

回答

相關問題