时间:2021-05-22
我就废话不多说了,还是直接看代码吧!
#模板class IndexForm(forms.Form): # 模板,用户提交的name和这里的变量名一定要是一致的.否则不能获取数据 user = forms.CharField(min_length=6, error_messages={'required': '用户名不能为空', 'min_length': '用户名长度不能小于6'}) email = forms.EmailField(error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'}) """ 单选 favor = forms.ChoiceField( choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')] ) """ # 多选 favor = forms.MultipleChoiceField( choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')] ) pass#函数def index(request): obj = IndexForm() return render(request, "index.html", {'obj': obj})def edit_index(request): obj = IndexForm({'user': 'root', 'email': '123@qq.com', 'favor': [2,3]}) return render(request, "index.html", {'obj': obj})#前端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><p>{{ obj.user }}</p><p>{{ obj.email }}</p><p>{{ obj.favor }}</p></body></html>补充知识:django使用模板实现下拉菜单,菜单内容读取后台动态填充,并动态设置默认值
看代码吧!
<select id="heard1" class="form-control" required="" data-parsley-id="6485" name="name"> {% for name in data_list %} <option id="name" value="{{ name }}" {% if name == role_name %} selected {% endif %}>{{ name }}</option> {% endfor %}</select>这里面的重点是:
{% if name == role_name %} selected {% endif %} 这句话中得判断条件,name就是自己从data_list中遍历出来得那个name, role_name也是自己传过来得数据,这个数据是我自己定义的另一个库中的数据,因为两个库是关联的;
data = UserManage.objects.get(id=id)role_name = data.user_role.namequery_name_list_set = RolesManage.objects.values("name")data_list = []for name_dict in query_name_list_set: data_list.append(name_dict.get("name"))return render(request, "users_manage/edit.html", {"data": data, "data_list": data_list, "role_name": role_name})贴上代码,为了防止自己忘记了好回过头来翻看
以上这篇Python之Django自动实现html代码(下拉框,数据选择)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
实现功能:1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除;2.支持列表中项目上下位置的移动;3.效果图如下:Html代码选择
项目中有个需求,下拉框既可以下拉选择,也可以手动填写html代码数据来源人工导入数据服务平台js代码$('#noMean').editableSelect({f
本文实例为大家分享了bootstrap实现下拉框搜索展示的具体代码,供大家参考,具体内容如下1.第一个下拉框代码请选择数据资源${entity.alias!}$
我们在做webUI自动化时,经常会碰到下拉框,如下图:所上图,下拉框的源代码如下:苹果香蕉菠萝梨子假如我们要选择‘菠萝',我们将怎么实现呢?首先我们要定位水果框
本文介绍了iview实现selecttree树形下拉框的示例代码,分享给大家,具体如下:html部分数据部分exportconsttreeData=[{titl