在Django表单的下拉菜单中使用属性role =“menu”

Question

我正在制作一个包含Django的注册页面，这是其中的一部分：

<div class="dropdown">
  <button id="dLabel" class="form-control form-white dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Catégorie
  </button>                             
        <ul role="menu" aria-labelledby="dLabel" name="spec">
    {%for cat in spec%}
      <li value={{cat.id}}><a href="#">{{cat.categorie}}</a></li>
    {% endfor %}
        </ul>                                       
</div>

问题是这不是填充表单中spec字段的有效方法，所以无论我选择什么选项，它总是NULL。那我怎么能解决这个问题呢。

Answer 1

您需要使用Select element而不是下拉列表。下拉列表不是为从列表中选择单个选项而设计的，它用于显示项目列表。

如果您确实因某些原因而想使用下拉菜单，则需要向表单中添加隐藏的输入，然后将onclick javascript甚至处理程序添加到您的下拉列表项中，这样当用户点击这些内容时<li> 1}}你抓住它并手动更新隐藏的输入值，以便可以提交。