Need another dropdown menu when first drop down selects a value using spring tag in jsp
Question
I have my jsp file ,in which I need 2 drop downs.If I select 1st drop down ,based on value,it should display another drop down. I am using springMVC and jstl in jsp.
here is my code for generate.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@taglib uri="http://www.springframework.org/tags/form" prefix="sp" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Generation</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ $("#selectEmp").on('change',function(){ if(this.val =='2') { $("#dept").css('display','block'); $("#dept").show(); } else { $("#dept").hide(); } }); }); </script> </head> <body> <div class="dropdown generate-file">Type :<sp:select id="selectEmp" path="type" name="selectEmp"> <option value="1">All</option> <option value="2">Department</option> <option value="3">Individual</option> </sp:select></div><br/><br/> <div class="dropdown generate-file" id="dept" style="display:none;"> Department:<sp:select path=""><span class="caret"></span> <option value="">R and D</option> <option value="">Development</option> <option value="">Sales</option> <option value="">Admin</option> <option value="">HR</option> <option value="">Marketing</option> <option value="">CRM</option> <option value="">Finance</option> </sp:select> </div> </body> </html>
1 answers
solution1
1 ACCPTED 2016-06-07 14:27:33
You need to use $(this).val() == '2' .
$dept = $("#dept");
$(this).val() == '2' ? $dept.show() : $dept.hide();
jQuery(document).ready(function() { $("#selectEmp").on('change', function() { $dept = $("#dept"); $(this).val() == '2' ? $dept.show() : $dept.hide(); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <div class="dropdown generate-file">Type : <select id="selectEmp" name="selectEmp"> <option value="1">All</option> <option value="2">Department</option> <option value="3">Individual</option> </select> </div> <br/> <br/> <div class="dropdown generate-file" id="dept" style="display:none;"> Department: <select path=""><span class="caret"></span> <option value="">R and D</option> <option value="">Development</option> <option value="">Sales</option> <option value="">Admin</option> <option value="">HR</option> <option value="">Marketing</option> <option value="">CRM</option> <option value="">Finance</option> <select> </div>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Dropdown Menu to open another drop down - CodeIgniter
React: How to update the state of an object when a user selects a value from a drop-down menu?
Need help creating a second drop down box of options based on what a user selects in the first drop down box
I have 5 drop down menus but i need to change the next one according to what the user selects in the first one using Javascript
First drop down menu to auto change the options of a second dropdown
Two drop downs with same value. If user selects a value in first drop down then that value must be disable in second drop down
Show modal when a user selects value in dropdown menu
jsp second drop down depends on the value selected in first
Dropdown menu's will not drop down
how to Disable a dropdown value when a value is selected from another drop down?
Related Tags