niceyes 发表于 2021-9-17 12:35:02

django input中下拉菜单实现了,但是有缺点,

本帖最后由 niceyes 于 2021-9-17 12:37 编辑


在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

niceyes 发表于 2021-9-17 19:05:17

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

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

是可以,我没仔细试,,我还想着怎么弄呢,,,,
页: [1]
查看完整版本: django input中下拉菜单实现了,但是有缺点,