当第一个下拉菜单在jsp中使用spring标签选择一个值时需要另一个下拉菜单答案

【问题标题】：Need another dropdown menu when first drop down selects a value using spring tag in jsp当第一个下拉菜单在jsp中使用spring标签选择一个值时需要另一个下拉菜单
【发布时间】：2016-06-07 13:13:31
【问题描述】：

我有我的 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>

【问题讨论】：

$("#dept).css('display','block');。此处缺少报价。
即使我这样做，它也不起作用..:(
我也看不到您命令下拉菜单显示的位置。你让input 显示，而不是<div class="dropdown generate-file" style="display:none;">

标签： javascript java jquery spring jsp

【解决方案1】：

您需要使用$(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>

【讨论】：