Uma única lista com a caixa de pesquisa nela

quero adicionar uma opção de pesquisa a uma única opção de selecção.

Código:

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

Adicionar uma etiqueta de entrada como acima não resulta.

Tentei usar o DataList html5 e funciona. Eu quero algumas outras opções como html5-datalist não suporta opção de posicionamento no chrome.

Alguém pode sugerir outras opções de busca? Devem ser compatíveis com o enquadramento django-python.

Author: Shubham Khatri, 2016-04-19
Source

2 answers

Basta usar o 'plugin' select2 para implementar esta funcionalidade

Ligação do Plugin: Select2

enter image description here

 9
Author: Deepak, 2016-04-19 09:23:45

Você pode usar ui semânticas para implementar esta funcionalidade

Https://semantic-ui.com/introduction/new.html

 1
Author: Morris S, 2017-09-26 15:23:22