使用 Django 从 bootstrap 下拉按钮发送选择

Question

我正在尝试通过 Django 的 post 请求从下拉按钮 (Bootstrap) 发送选定的选项。我已经能够使用 javascript 找到一个解决方案，但我想找到一个解决方案来消除 javascript.

在 Max L's question 中可以看到一种可能的方法。但是，这会丢弃从 bootstrap 获得的样式并添加另一个按钮来发送请求。我想要的是能够在用户单击下拉菜单中的选项时发送请求。

另一种方法是我可以将链接作为下拉选项放置并使用它们重定向到不同的页面，但我真的更喜欢使用 post 请求。

我的尝试主要是遵循下拉按钮的 bootstrap 示例代码，并在按钮周围添加了一个表单标签。我怎样才能让它发挥作用？

<div style="float:right">
  {% if forloop.last %}
  <!-- Single button -->
  <div align="right" class="btn-group">
    <form method="POST" action="confirmaction">
      <button type="submit" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Intended Action <span class="caret"></span>
      </button>
      <ul name="aid" class="dropdown-menu">
        {% for aid, name in actions %}
        <!--from context dict, use keyname = aid to grab value-->
        <li value="{{ aid }}"><a{{ name }}</li>
        {% endfor%}
      </ul>
    </form>
  </div>

如果您需要我提供任何其他信息，请告诉我，谢谢！

Answer 1

在没有 JavaScript 的情况下制作 POST 的唯一方法是单击表单按钮。检查这个codepen - http://codepen.io/anon/pen/qdPJYw

<ul class="dropdown-menu">
    <li>
        <form method="POST">
            <button type="submit" class="btn" name="option1" >
               POST ACTION 1
            </button>
        </form>
    </li>
</ul>

此外，您还需要一些 css 来使按钮看起来与下拉菜单相同 link。

使用 Django 从 bootstrap 下拉按钮发送选择

Send selection from bootstrap dropdown button with Django

html

django

post

twitter-bootstrap

drop-down-menu