快捷導(dǎo)航

Django forms表單 select下拉框的傳值實例

更新時間：2019年07月19日 10:36:23 作者：大佬請帶帶我

今天小編就為大家分享一篇Django forms表單 select下拉框的傳值實例。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

今兒繼續(xù)做項目，學(xué)習(xí)了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={'required': '密碼不能為空',
                        'invalid': '密碼格式錯誤',
                        'min_length': '密碼不能少于6位',
                        'max_length': '密碼最多50位'})
  classInfo = forms.ModelChoiceField(queryset=ClassInfo.objects.all(), required=True, empty_label=None, initial="預(yù)設(shè)值")#這里加的是班級名字
  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，可以看到表單類已經(jīng)幫我們生成了前端代碼

<tr><th><label for="id_username">Username:</label></th><td><input type="text" name="username" value="123123" minlength="5" maxlength="30" required id="id_username"></td></tr>
<tr><th><label for="id_password">Password:</label></th><td><input type="text" name="password" value="213123" minlength="6" maxlength="50" required id="id_password"></td></tr>
<tr><th><label for="id_classInfo">Classinfo:</label></th><td>
<select name="classInfo" id="id_classInfo">
 <option value="1" selected>15醫(yī)藥軟件</option>
 <option value="2">15醫(yī)藥信息</option>
</select></td></tr>
<tr><th><label for="id_email">Email:</label></th><td><input type="email" name="email" value="123123231@qq.com" required id="id_email"></td></tr>
<tr><th><label for="id_mobile">Mobile:</label></th><td><input type="text" name="mobile" value="13328768123" required id="id_mobile"></td></tr>

其中select下拉框里的內(nèi)容是從數(shù)據(jù)庫中取出來的，利用ModelChoiceField，設(shè)置queryset來取出數(shù)據(jù)，這樣實現(xiàn)動態(tài)存取select中的值。

而前端代碼可以直接使用這個表單變量obj

<form method="post" action="{% url 'signup' %}">
  ...
  {% for field in obj %}
    {{ field }}
  {% end for %}
  ...
</form>

但是我這里沒有設(shè)置label值，就沒有直接這樣偷懶，而是自己寫了一個

<form method="post" action="{% url 'signup' %}>
....
   <tr>
     <td width="120" align="right" valign="top">用戶名(學(xué)號)</td>
     <td width="auto" align="left"><input type="text" name="username" class="sls">        </td>
   </tr>
   <tr>
     <td width="120" align="right">密碼</td>
     <td width="auto" align="left"><input type="password" name="password" class="sls"></td>
   </tr>
   <tr>
     <td width="120" align="right" valign="top">電子郵件</td>
     <td width="auto" align="left"><input type="text" name="email" class="sls"></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"><input type="text" class="sls" name="mobile"></td>
   </tr>
....

前期我一直在用select標(biāo)簽來寫，然后傳值到option里，但是我發(fā)現(xiàn)通過再用obj.classInfo取里面的值時出現(xiàn)空白值

就類似于原本數(shù)據(jù)庫存著兩個選項，然后前端顯示-------；選項一；空白；選項二；空白。

經(jīng)過一番查找，出現(xiàn)-----這個選項是因為沒有設(shè)置初始值，然后設(shè)置了initial

出現(xiàn)兩個變量就是因為粗心大意，obj.classInfo本身就是個select標(biāo)簽，里面就有兩個選項。

之后就是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下拉框的傳值實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: