带有搜索框的单个下拉菜单

Question

我想将搜索框添加到单个选择下拉选项中。

代码：

 <select id="widget_for" name="{{widget_for}}">
<option value="">select</option>

{% for key, value in dr.items %}

<input placeholder="This ">

<option value="{% firstof value.id key %}" {% if key in selected_value %}selected{% endif %}>{% firstof value.name value %}</option>

{% endfor %}
</select>

如上所述添加输入标签不起作用。

我试过使用 html5-datalist 并且它有效。我想要一些其他选项，因为 html5-datalist 不支持 chrome 中的可滚动选项。

任何人都可以建议任何其他搜索框选项吗？它们应该与 django-python 框架兼容。

原文由 s_user 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需使用 select2 插件即可实现此功能

插件链接： Select2

原文由 Deepak 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您不喜欢外部库，可以使用 HTML5 元素 datalist 。

来自 W3School 的示例：

  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

原文由 lehoang 发布，翻译遵循 CC BY-SA 4.0 许可协议