使用 Django 从引导下拉按钮发送选择答案

【问题标题】：Send selection from bootstrap dropdown button with Django使用 Django 从引导下拉按钮发送选择
【发布时间】：2023-03-15 03:07:01
【问题描述】：

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

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

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

我在这方面的尝试主要遵循下拉按钮的引导示例代码，并在按钮周围添加了一个表单标签。我怎样才能让它工作？

<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>

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

【问题讨论】：

没有JS就不行。
:( 我想这只是表明我需要更加熟悉 javascript。

标签： html django twitter-bootstrap post drop-down-menu

【解决方案1】：

在没有 JavaScript 的情况下进行 POST 的唯一方法是单击表单按钮。检查这个代码笔 - 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 以使按钮与下拉链接显示相同。

【讨论】：