How to bind dictionary, list, set and tuple object into Html form elements in Django

Author - SHIVA CONCEPT SOLUTION
2/08/2021
0

We will pass data from the view method as a LIST, Dictionary, or SET object and bind data under the dropdown list, checkbox, Listbox and radiobutton.


We will write python code under HTML file using Jinja Tag.


Code for Views.py

from django.shortcuts import render

def index(request):

course = ['C','CPP','JAVA','PYTHON','PHP']

branch = ['VijayNagar','PALASIA','BHAWARKUA']

student = {'101':'Adarsh','102':'Parag','103':'Sunil','104':'Firoz'}

feed = {45000,12000,23000,11000,89000}

if request.method=="POST":

course1= request.POST["course"]  #value from ddl

chkitem = request.POST.getlist("chk[]")  #value from checkbox

chkitem1=''

for data in chkitem:

chkitem1 = chkitem1+data + " "

si= request.POST.getlist("sinfo[]")  #value from listbox

s = ''

for data1 in si:

s=s+data1 + " "

fee = request.POST["r"]

output = "DDL " + course1 +  ", CHECKBOX " + chkitem1 + ", LISTBOX DATA " +s  + " ,RADIO BUTTON DATA "+fee

return render(request,"databinding/index.html",{'res':course,'res1':branch,'res2':student.items(),'res3':feed,'out':output})

return render(request,"databinding/index.html",{'res':course,'res1':branch,'res2':student.items(),'res3':feed})




Code for index.html

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

    <form action="" method="post">

     {% csrf_token %}

     <select name="course">
      {%  for  data in res  %}

        <option value="{{data}}">{{data}}</option>

      {% endfor %}


     </select>

        <br><br>
      {%  for  data in res1  %}

        <input type="checkbox" value="{{data}}" name="chk[]" />{{data}} 

      {% endfor %}

     <br>
     <br>
     
     <select name='sinfo[]' multiple="true">
      {%  for key,value in res2 %}
      <option value="{{key}}">{{value}}</option>
      {%  endfor %}
     </select>
     <br><br>
      {%  for  data in res3  %}

        <input type="checkbox" value="{{data}}" name="chk[]" />{{data}} 

      {% endfor %}
      <br><br>

     <input type="submit" name="btnsubmit" value="Click" />

    </form>
</body>
</html>




Tags
SHIVA CONCEPT SOLUTION

SHIVA CONCEPT SOLUTION

SHIVA CONCEPT SOLUTION is a No.1 Software Training Institute in Indore providing Quality Training Services with Affordable fee structure under the guidance of MR SHIVA GAUTAM, Our Center, Located Strategically at Palasia, Vijaynagar and Indrapuri Bhawarkua.

You may like these posts

Show more

Post a Comment

0Comments

POST Answer of Questions and ASK to Doubt

Post a Comment (0)
Share to other apps
Copy Post Link