Python之Django自动实现html代码(下拉框,数据选择)

我就废话不多说了，还是直接看代码吧！

#模板
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.name
query_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代码(下拉框,数据选择)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 自定义Django Form中choicefield下拉菜单选取数据库内容实例

    工作中遇到的问题,自定义了一个forms.form表单,某项需要作出下拉菜单,下拉菜单中的选项需要从数据库(objectForm models)中提取. form.py为: class objectForm(forms.Form): pre = choicefield(lable = "工作") 最后的解决办法: 1.定义一个函数 def get_object(request): r = [('', '----')] for obj in objectModels.objects.al

  • django处理select下拉表单实例(从model到前端到post到form)

    现在假如要写一个按照"标题",'内容','作者'等等进行针对性的选择,这时需要涉及到使用select下拉表单来进行选择.django是可以比较简单的解决这个问题的. 下面是model: from django.db import models class TestModel(models.Model): SELVALUE = ( ('标题', 'first'), #前面是展示在前端界面的内容,后面的'first'是真正存在数据库中的 ('内容', 'second'), ('作者', '

  • Django choices下拉列表绑定实例

    Models内容 from django.db import models from django import forms # Create your models here. class SysConfigForm(forms.Form): DatabaseType = forms.ChoiceField(choices=[('sqlserver', 'SQLServer'), ('oracle', 'Oracle')]) class UserInfo(forms.Form): vip_ty

  • Python之Django自动实现html代码(下拉框,数据选择)

    我就废话不多说了,还是直接看代码吧! #模板 class IndexForm(forms.Form): # 模板,用户提交的name和这里的变量名一定要是一致的.否则不能获取数据 user = forms.CharField(min_length=6, error_messages={'required': '用户名不能为空', 'min_length': '用户名长度不能小于6'}) email = forms.EmailField(error_messages={'required': '邮

  • Django forms表单 select下拉框的传值实例

    今儿继续做项目,学习了Django的forms生成前端的代码. forms.py class SignupForm(forms.Form): username = forms.CharField(validators=[user_unique_validate, username_rule_validate, ], required=True, max_length=30, min_length=5, error_messages={'required': '用户名不能为空', 'max_len

  • vuejs实现下拉框菜单选择

    本文实例为大家分享了vuejs实现下拉框菜单选择的具体代码,供大家参考,具体内容如下 方法一: <script type="text/ecmascript-6"> export default { data() { return { isShowSelect: false, dataList: [ {key: -1, value: "请选择"}, {key: 0, value: "苹果"}, {key: 1, value: "

  • 解决Jquery下拉框数据动态获取的问题

    废话不多说,直接上源码: select.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+&q

  • jQuery实现下拉框左右选择的简单实例

    jQuery实现下拉框左右选择的简单实例

    就是实现这个效果的,选中添加到右边,全部添加到右边,选中删除到左边,全部删除到左边. html部分: 复制代码 代码如下: <body>    <div class="centent">        <select multiple="multiple" id="select1" style="width:100px;height:160px;">            <optio

  • Android Studio绑定下拉框数据详解

    Android Studio绑定下拉框数据详解

    效果显示: 1.页面xml代码(项目的代码,直接复制会有错,自己修改一下就好) <TextView android:id="@+id/consultation_tv_section" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/consultation_et_doctor&qu

  • jQuery插件实现可输入和自动匹配的下拉框

    实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签<datalist>,对应demo如下: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option val

  • Element input树型下拉框的实现代码

    1.效果图 1.1 input聚焦时显示下拉框,再次点击下拉框或点击其他处下拉框消失,主要靠z-index添加遮罩实现 1.2 实时过滤效果 2.代码 ( vue.js + element-ui ) 2.1 html <el-form :model="form" size="mini" > <el-row> <el-col :span='12'> <el-form-item label="会计主管" &g

  • 基于jquery的无限级联下拉框js插件

    灵活性方面考虑了比较多的方面,提供了几个重要的配置方便在各类环境下使用,欢迎各位童鞋使用,源码完全开放.开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷(之所以这么多代码是因为该级联下拉框有时只出现2个或3个),想到这类的需求其实经常都能遇到,jquery里没有这样比较好的插件,索性自己开发个.源代码并不复杂,稍微复杂的地方在第二个插件使用了缓存,造成理解起来十分困难,后面会做些解释. 插件一:适合在不与服务器进行AJAX交互情况使用,需预先将所有下拉

  • JQuery打造省市下拉框联动效果

    做联动效果,若是用纯JavaScript来做,往往需要辅助页面保存需要刷新的结果集,然后渲染到原页面.考虑将需要动态刷新的内容自动拼接到前一个下拉框之后,当前一个下拉框onchange后,同级的后面的下拉框全部清除,然后重新拼接刷新的内容.用JQuery实现比较容易,代码以省市联动效果为例实现. JSP页面代码如下: 复制代码 代码如下: <li id="base"> <p>生源地:</p> <label> <select id=&

随机推荐