尝试在将所选值传递给url后打开Div。 （重装后关闭）

Question

您好我正在尝试在我的Jsp页面中打开一个div，所以我正在做的是将ID传递给url，url在我的控制器中执行一些后台工作并按预期检索数据，这一切都正常。我想要做的只是在加载数据后显示div。当我加载页面时没有选择任何选项，所以没有数据被检索，当用户选择一个选项我想加载网址并打开div并保持打开时，我已经尝试了加载，注意似乎按我喜欢的方式工作。这是我所知道的地方。

＆＃13;

＆＃13;

$("#vehicleSelected").on('change',function() {
				var x = document.getElementById("vehicleInfo");
				if (x.style.display === 'none'){
					x.style.display ='block';
					console.log("made it" + x);
				}else{
					x.style.display='none';
					console.log("made it not" + x);

				}

					

			});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
		Welcome: <strong><c:out value="${username}"></c:out></strong> <select
			data-toggle="dropdown" id="vehicleSelected"
			onchange=" window.location.href='${pageContext.request.contextPath }/driver/'+this.value ">
			<option>Select Vehicle</option>
			<c:forEach var="vehicles" items="${vehicles }">
				<option value="${vehicles.id }">
					<c:out value="${vehicles.vehicle_name }"></c:out></option>

			</c:forEach>
		</select>
		<div class="panel panel-info ">

			<div class="panel-heading text-center">

				<h4>Driver Vehicle Inspection Form</h4>

				<div id="vehicleInfo" style="display:none;">
					<span>Vehicle:<strong><c:out
								value="${vehicleById.make }"></c:out>, <c:out
								value="${vehicleById.model }"></c:out></strong>
					</span><br> <span>VIN:<strong><c:out
								value="${vehicleById.chassis_number }"></c:out></strong></span><br> <span>
						Registration:<strong><c:out value="${vehicleById.plate }"></c:out></strong>
					</span>
				</div>
			</div>
      </div>
      </div>

＆＃13;

＆＃13;

＆＃13;

我也尝试将这一切都放入一个方法并使用return false;仍然没有工作，任何想法我可以做什么

Answer 1

所以在搜索高低解决方案之后，我不得不采取稍微不同的路线并检查ID的URL，如果存在显示div，这不是我想要的但是有效，并且我发布了这个任何可能偶然发现问题并发现此方法有用的人。以下是适用于知识的解决方案。

.svgz