当第一个下拉菜单在jsp中使用spring标签选择一个值时，需要另一个下拉菜单
[英]Need another dropdown menu when first drop down selects a value using spring tag in jsp
问题描述
我有我的jsp文件，其中需要2个下拉菜单。如果我选择第一个下拉菜单，则基于值，它将显示另一个下拉菜单。 我在jsp中使用springMVC和jstl。
这是我的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 个解决方案
解决方案1
1 已采纳 2016-06-07 14:27:33
您需要使用$(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>
React：当用户从下拉菜单中选择一个值时，如何更新 object 的 state？
[英]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
我有5个下拉菜单，但我需要根据用户使用Javascript在第一个菜单中选择的内容来更改下一个菜单
[英]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
两个具有相同值的下拉菜单。 如果用户在第一个下拉菜单中选择一个值，则必须在第二个下拉菜单中禁用该值
[英]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
从另一个下拉菜单中选择一个值时，如何禁用下拉菜单值？
[英]how to Disable a dropdown value when a value is selected from another drop down?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
下拉菜单打开另一个下拉菜单 - CodeIgniter
React：当用户从下拉菜单中选择一个值时，如何更新 object 的 state？
需要帮助，根据用户在第一个下拉框中选择的内容创建第二个选项下拉框
我有5个下拉菜单，但我需要根据用户使用Javascript在第一个菜单中选择的内容来更改下一个菜单
第一个下拉菜单自动更改第二个下拉菜单的选项
两个具有相同值的下拉菜单。 如果用户在第一个下拉菜单中选择一个值，则必须在第二个下拉菜单中禁用该值
当用户在下拉菜单中选择值时显示模式
jsp第二个下拉列表取决于第一个中选择的值
下拉菜单不会下拉
从另一个下拉菜单中选择一个值时，如何禁用下拉菜单值？
相关标签