Question

我想提取一个对象列表并将它们放在一个下拉菜单中。我已经这样做了，它有效，但不是在下拉菜单上，也许问题出在我的HTML中，我不知道。这是我的html部分：

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Choisissez une structure existante<span class="caret"></span></button>
    <ul class="dropdown-menu">
        {% for s in structures %}
        <li>{{ s.name }}</li>
        {% endfor %}
    </ul>
</div>

我已经这样做了在另一个html模板的表格中显示结构并且它有效：这是工作代码：

<tbody>
{% for structure in structures %}
   <tr>
      <td><center>{{ structure.name }}</center></td>
      <td><center>{{ structure.created_at }}</center></td>
      <td><center>{{ structure.updated_at }}</center></td>
      <td><center>{{ structure.file }}</center></td>
      <td>
        <a href="/edit/{{ structure.id }}" class="btn btn-primary btn-xs">Modifier</a>
        <a href="/delete/{{ structure.id }}" class="btn btn-danger btn-xs">Supprimer</a>
      </td>
    </tr>
{% endfor %}
</tbody>

思考？谢谢！

Answer 1

你需要用一个下拉列表来包装你的html。

<li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Structures</a>
   <ul class="dropdown-menu">
       {% for s in structures %}
           <li><a href="#">{{ s.id }}</a></li>
       {% endfor %}
   </ul>
</li>

假设你已经包含了这个，那么在bootstrap中也有一个js要求。

Django Bootstrap下拉菜单空

1 个答案: