select下拉菜单实现通过数据库查询来设置默认值

Posted xcsg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了select下拉菜单实现通过数据库查询来设置默认值相关的知识,希望对你有一定的参考价值。

查询网上各种资料要不比较难理解,要么有问题,现有一种简单通俗的理解方法

思路:读取数据库数据1,数据2需用到select选择菜单,但是又想每次查看是都显示读数据库的默认信息

demo:

                   {% for i in res%}    
                                <tr id="tr_{{i.id}}">
                                        <td>{{i.id}}</td> 
                                        <td>{{i.author}}</td>
                                        <td>{{i.title}}</td>
                                        <td>
                                            <select id=‘select_{{i.id}}‘>
                                            {% for n in ret%}
                                            {% if i.cate_id == n.id %}
                                            <option value="{{n.id}}" selected="selected">{{n.name}}</option>
                                            {%else%}
                                            <option value="{{n.id}}">{{n.name}}</option>
                                            {%endif%}
                                            {%endfor%}
                                            </select>
                                            <button onclick="qu(‘{{i.id}}‘)">确认</button>
                                        </td>
                                        <td><a href="{% url ‘md:news_edit‘ i.id %}">修改</a>                
                                        <button onclick="del(‘{{i.id}}‘)">删除</button></td>
                                    </tr>
                                    {%endfor%}

使用关联id进行比较从而达到默认选择的效果

以上是关于select下拉菜单实现通过数据库查询来设置默认值的主要内容,如果未能解决你的问题,请参考以下文章

下拉菜单选中后还是显示默认值

layui 表单 select 下拉菜单 怎么设置第二个为加载选中默认值

js 设定下拉框的值默认被选中,下拉框做条件查询时,实现分页的时候带参数传值,下拉框默认被选中,求解!

Select2:设置下拉列表的默认值,从 C# 模型中获取的数据以剃刀语法

使用 v-select 下拉菜单作为默认值

Select2,为单选下拉设置默认值