• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

python 搞代码 4年前 (2022-01-07) 24次浏览 已收录 0个评论

今天小编就为大家分享一篇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_length': '用户名至少5位', 'min_length': '用户名最多30位'}) password = forms.CharField(min_length=6, max_length=50, required=True, error_messages<strong style="color:transparent">来源gaodaima#com搞(代@码网</strong>={'required': '密码不能为空', 'invalid': '密码格式错误', 'min_length': '密码不能少于6位', 'max_length': '密码最多50位'}) classInfo = forms.ModelChoiceField(queryset=ClassInfo.objects.all(), required=True, empty_label=None, initial="预设值")#这里加的是班级名字 email = forms.EmailField(validators=[email_unique_validate, ], required=True, error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'}) mobile = forms.CharField(validators=[mobile_validate, ], required=True, error_messages={'required': '手机号不能为空'})

然后views通过get方法获得表单的form

 class SignupView(View): def get(self, request): obj = SignupForm() return render(request, 'user/signup.html', locals())

这里可以打印出来obj,可以看到表单类已经帮我们生成了前端代码

 <tr><th><label for="id_username">Username:</label></th><td></td></tr><tr><th><label for="id_password">Password:</label></th><td></td></tr><tr><th><label for="id_classInfo">Classinfo:</label></th><td>  15医药软件15医药信息</td></tr><tr><th><label for="id_email">Email:</label></th><td></td></tr><tr><th><label for="id_mobile">Mobile:</label></th><td></td></tr>

其中select下拉框里的内容是从数据库中取出来的,利用ModelChoiceField,设置queryset来取出数据,这样实现动态存取select中的值。

而前端代码可以直接使用这个表单变量obj

  ... {% for field in obj %} {{ field }} {% end for %} ... 

但是我这里没有设置label值,就没有直接这样偷懒,而是自己写了一个

  .... <tr> <td width=" 120" align="right" valign="top">用户名(学号)</td><td width="auto" align="left"></td></tr><tr> <td width="120" align="right">密码</td><td width="auto" align="left"></td></tr><tr> <td width="120" align="right" valign="top">电子邮件</td><td width="auto" align="left"></td></tr><tr> <td width="120" align="right">班级</td><td width="auto" align="left"> {{ obj.classInfo }} </td></tr><tr> <td width="120" align="right" valign="top">手机号</td><td width="auto" align="left"></td></tr> ....

前期我一直在用select标签来写,然后传值到option里,但是我发现通过再用obj.classInfo取里面的值时出现空白值

就类似于原本数据库存着两个选项,然后前端显示——-;选项一;空白;选项二;空白。

经过一番查找,出现—–这个选项是因为没有设置初始值,然后设置了initial

出现两个变量就是因为粗心大意,obj.classInfo本身就是个select标签,里面就有两个选项。

之后就是post提交验证,然后就是存值render操作了

 def post(self, request): has_error = True obj = SignupForm(request.POST) #print(obj) if obj.is_valid(): has_error = False username = obj.cleaned_data['username'] password = obj.cleaned_data['password'] class_name = obj.cleaned_data['classInfo'] email = obj.cleaned_data['email'] mobile = obj.cleaned_data['mobile'] ...... 

以上这篇Django forms表单 select下拉框的传值实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持gaodaima搞代码网

以上就是Django forms表单 select下拉框的传值实例的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Django forms表单 select下拉框的传值实例

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址