[已解决]django input中下拉菜单实现了,但是有缺点,

niceyes

在input 中的下拉菜单

视觉函数:
def search(request):
    project_list=ProjectInfo.objects.all()                                                   # 从数据库表 ProjectInfo 获取所有内容(models)
    return render(request,'search.html',{"project_list":project_list})         #把结果project_list 对象给html模板

Html 模板:
      # {% comment %} <input class="" type="text" th:field="*{sex}" list="listItem" placeholder="请选择名称" >  {% endcomment %}
      # <datalist id="listItem">
      #     {% for project_name in project_list  %}
      #              <option>{{project_name.project_name}}</option>
     #       {% endfor %}
     #   </datalist>


这样input下拉菜单实现了.

由于我菜单里的选项很多,我要一个个找很麻烦. 有没有办法, 我输入一个字,下面自动显示 相关联的&#<option></option>
好象可以 加个 <script></script>   监听input 框,随内容变化来 确定  <datalist>里的内容..     谁会弄

最佳答案

月排行榜 / 总排行榜

阿奇_o

2021-9-17 16:58:49

我试了一下，用 input 和 datalist 就可以了呀，根据输入内容来显示相关的选项……

你是哪里的问题？ datalist的例子你可以看看这：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

跳转到最佳答案楼层

阿奇_o

我试了一下，用 input 和 datalist 就可以了呀，根据输入内容来显示相关的选项……

你是哪里的问题？ datalist的例子你可以看看这：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

niceyes

阿奇_o 发表于 2021-9-17 16:58
我试了一下，用 input 和 datalist 就可以了呀，根据输入内容来显示相关的选项……

你是哪里的问题？ d ...

是可以,我没仔细试,,我还想着怎么弄呢,,,,