使用javascript的触发器下拉列表

我正在使用引导下拉菜单，我想用其他按钮触发它

<li class="dropdown">
      <a href = "" class="dropdown-toggle" data-toggle="dropdown" role="button" id = "TAdropdown" aria-expanded="false">Insert TA<span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
        <form class="navbar-form navbar-left" >
          <div class="form-group" id = "TAform">
            <input type="text" class="form-control" placeholder = "Roll Number" required>
            <input type="text" class="form-control" placeholder = "M.A.C address" required>
          </div>
          <button type="submit" class="btn btn-default" onClick = "addMAC()" >+</button>
          <button type="submit" class="btn btn-default" onClick = "removeMAC()" >-</button>
          <button type="submit" class="btn btn-default" onClick = "submitForm()">Submit</button>
        </form>

      </ul>
    </li>

+
-
提交

我希望在单击其他按钮时触发（打开）：

  <button type = "submit" class="btn btn-default" onClick = "deleteTA()">delete</button>

删除

ie我应该在deleteTA（）函数中放置什么。

在中（启用了交互式示例），在“用法”部分给出如下内容：

$('.dropdown-toggle').dropdown()

希望对您有所帮助。

在中（启用了交互式示例），“用法”部分给出如下内容：

$('.dropdown-toggle').dropdown()

---

希望对您有所帮助。

在您的情况下，您需要通过以下方式切换下拉列表：

function deleteTA(e) {
    $('.dropdown-toggle').dropdown().dropdown('toggle');
    e.stopPropagation();
}

将事件对象传递到函数的位置：

<button type="submit" onClick="deleteTA(event)" class="btn btn-default">delete</button>

删除

在此，停止事件传播非常重要，否则下拉列表将立即关闭

---

演示：在您的情况下，您需要以这种方式切换下拉列表：

function deleteTA(e) {
    $('.dropdown-toggle').dropdown().dropdown('toggle');
    e.stopPropagation();
}

将事件对象传递到函数的位置：

<button type="submit" onClick="deleteTA(event)" class="btn btn-default">delete</button>

删除

在此，停止事件传播非常重要，否则下拉列表将立即关闭

---

演示：非常感谢！我有两个按钮可以在下拉菜单中添加和删除元素。用于添加的代码：

var form_element=document.getElementById（“TAform”）；var输入=document.createElement（“输入”）；input.type=“text”；input.setAttribute（“类”、“窗体控件”）input.placeholder=“M.A.C地址”；input.required=true；form_元素。appendChild（输入）

我一按此键，就会添加一个新字段，但下拉列表会立即关闭。您需要防止事件从按钮中冒泡。单击事件：

e.stopPropagation（）

@dfsp这是一个奇怪的问题。下拉列表正在消失，因为按钮类型是“提交”，这似乎刷新了页面，这显然会关闭下拉列表。将其更改为type=“button”。现在一切正常。无论如何，谢谢！我懂了。很高兴你明白了。非常感谢！我有两个按钮可以在下拉菜单中添加和删除元素。用于添加的代码：

var form_element=document.getElementById（“TAform”）；var输入=document.createElement（“输入”）；input.type=“text”；input.setAttribute（“类”、“窗体控件”）input.placeholder=“M.A.C地址”；input.required=true；form_元素。appendChild（输入）

我一按此键，就会添加一个新字段，但下拉列表会立即关闭。您需要防止事件从按钮中冒泡。单击事件：

e.stopPropagation（）

@dfsp这是一个奇怪的问题。下拉列表正在消失，因为按钮类型是“提交”，这似乎刷新了页面，这显然会关闭下拉列表。将其更改为type=“button”。现在一切正常。无论如何，谢谢！我懂了。很高兴你明白了。