Comments on: How to Create Cascading/Dependent Dropdown List in Django Python https://reactconf.org/how-to-create-cascading-dependent-dropdown-list-in-django-python/ Unveiling Tomorrow's Tech Today, Where Innovation Meets Insight Mon, 20 Feb 2023 06:45:59 +0000 hourly 1 https://wordpress.org/?v=6.6.2 By: anjali https://reactconf.org/how-to-create-cascading-dependent-dropdown-list-in-django-python/#comment-1598 Mon, 20 Feb 2023 06:45:59 +0000 https://labpys.com/?p=397#comment-1598 i need to implement this in my project.in my form.html page there is an option to select a district and accordingly the correspondant branches should appear while clicking on branches.could you please rearrange this for my page.my form page is as below.<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> {% load static %} <link href="{% static 'css/form.css' %}" rel="stylesheet" type="text/css"> <script src="{% static 'js/form.js' %}" type="text/javascript"></script> </head> <body> <div class="container"> <h1>Details verification</h1> <form name="registration" class="registartion-form" onsubmit="return formValidation()" method="=POST"> {% csrf_token %} <table> <tr> <td><label for="name">Name:</label></td> <td><input type="text" name="name" id="name" placeholder="your name"></td> </tr> <tr> <td><label for="dob">DOB:</label></td> <td><input type="date" name="dob" id="dob" placeholder="DOB"></td> </tr> <tr> <td><label for="age">Age:</label></td> <td><input type="number" name="number" id="number" placeholder="Age"></td> </tr> <tr> <td><label for="gender">Gender:</label></td> <td>Male: <input type="radio" name="gender" value="male"> Female: <input type="radio" name="gender" value="female"> Transgender: <input type="radio" name="gender" value="Transgender"></td> </tr> <tr> <td><label for="phoneNumber">Phone Number:</label></td> <td><input type="number" name="phoneNumber" id="phoneNumber"></td> </tr> <tr> <td><label for="email">Email:</label></td> <td><input type="text" name="email" id="email" placeholder="your email"></td> </tr> <tr> <td><label for="password">Password:</label></td> <td><input type="password" name="password" id="password"></td> </tr> <tr> <td><label for="address">Address:</label></td> <td><textarea name="address" id="address" placeholder="Address"></textarea></td> </tr> <tr> <td><label for="district">District</label></td> <td> <select name="district" id="district" onchange="UpdateBranches(this.value)"> <option value="">Select District</option> <option value="Thrissur">Thrissur</option> <option value="Ernamkulam">Ernamkulam</option> <option value="Palakkad">Palakkad</option> <option value="Kottayam">Kottayam</option> <option value="Trivandrum">Trivandrum</option> </select> </td> </tr> <tr> <td> <label for="branch">Branch:</label></td> <td> <select id="branch" name="branch"> <option value="">Select Branch</option> </select></td> </tr> <tr> <td><label for="Account">Account Type</label></td> <td> <select id="account" name="account"> <option value="">Choose</option> <option value="Savings">Savings</option> <option value="Current">Current</option> </select></td> </tr> <tr> <td><label for="material">Materials Required :</label></td> <td> <input type="checkbox" id="debit" name="materials[]" value="Debit Card"> <label for="debit">Debit Card</label> <input type="checkbox" id="credit" name="materials[]" value="Credit Card"> <label for="credit">Credit Card</label> <input type="checkbox" id="cheque" name="materials[]" value="Chequebook"> <label for="debit">Cheque Book</label></td> </tr> <tr div class="button"> <td colspan="2"><input type="submit" class="submit" value="Register" onclick="return formValidation()" /></td> </tr> </table> </form> </div> </body> </html> ]]>