Javascript 如何使用bootstrap'；表单元格上的下拉列表（td）？

我有一个简单的html表格，它是用引导程序布局的：

[...]
<td data-toggle="dropdown" class="tag dropdown-toggle">
<span class="number">Employee1</span>
<ul class="dropdown-menu"><li><a href="#">to nightshift</a></li>
</ul>
</td>
[...]

[…]
雇员1


[...]

但当我点击单元格时，下拉列表不会出现。 我怎样才能让下拉列表看起来像是在这里完成的

---

我需要听td.手动点击吗？

我想这对你的问题会有帮助。您错过了父下拉类，并在样式表中添加了下面的css

html

<tr class="dropdown">
    <td class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">John <span class="caret"></span>
      <ul class="dropdown-menu">
        <li><a href="#">HTML</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">JavaScript</a></li>
      </ul>
    </td>
    <td>Doe</td>
    <td>john@example.com</td>
  </tr>

.open ul.dropdown-menu {
    display: block;
}