Javascript 使用Twitter引导下拉切换触发另一个下拉切换或div

我需要使用一些选项进行下拉切换，当用户从下拉列表中选择其中一个选项时，它会触发另一个下拉切换，显示在右下方，或者调用一个Div并显示一些内容

我已经看过了BS文档，它们并没有真正进入触发器或者调用另一个div或下拉菜单来显示什么

这是我所有的

我希望第二个下拉列表仅在用户从上一个下拉切换中选择“选项1”时显示

<div class="question">
<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Select one                    <b class="caret"></b>
  </a>
  <ul class="dropdown-menu">
    <li><a href="#" id="opt1" >Option 1</a></li>
    <li><a href="#" id="opt2">Option 2</a></li>
    <li><a href="#" id="opt3">Option 3</a></li>
    <li><a href="#" id="opt3">Option 4</a></li>
  </ul>
</div>

---

如果我能得到任何帮助，我将不胜感激

您有多个选项可以选择

$('.question .visitor li:first-child a').click(function () { // First li of it's parent
            $('.opt1').fadeToggle();
        });

或

或

---

首先，如果您想将其作为触发器，则需要在相关下拉框中的

上检测单击事件。因此：

$( "ul.dropdown-menu li" ).click(function() {

});

---

现在，只要在下拉菜单中单击一个

，就会调用该回调函数。在这里，如果需要显示另一个下拉列表或div，请使用

appendChild（）

方法在需要的地方添加这些项。希望这有帮助

也许我不明白，您需要每个

导致不同的项目出现。在这种情况下，请尝试：

$（“ul.dropdown-menu li:eq（0）”）。单击（function（）{

//现在您可以控制单击第一个
//下拉元素时发生的情况。对于第二个
//元素，将
0`替换为
1
，对于第三个
>元素，将
2`替换为
）
$('.question .visitor li:eq(0) a').click(function () { // 0 is the first of all relevant elements criteria 
            $('.opt1').fadeToggle();
        });

$('#opt1').click(function () { // Select by ID
            $('.opt1').fadeToggle();
        });

$( "ul.dropdown-menu li" ).click(function() {

});