0
嗨,我想我的JSP頁面中打開一個div,所以我在做什麼是傳遞一個ID,網址,該網址確實在我的控制器一些後臺工作,並預期檢索數據,這一切正常。我想要做的只是在數據加載完成後才顯示div。當我當用戶選擇一個選項,我要加載的網址,打開div和保持開放加載網頁沒有選擇選項所以沒有數據被檢索,我試圖加載,並指出似乎是工作,因爲我喜歡。這裏是我所知道的地方。試圖通過選擇價值網址後打開股利。 (重裝後關閉)
$("#vehicleSelected").on('change',function() {
\t \t \t \t var x = document.getElementById("vehicleInfo");
\t \t \t \t if (x.style.display === 'none'){
\t \t \t \t \t x.style.display ='block';
\t \t \t \t \t console.log("made it" + x);
\t \t \t \t }else{
\t \t \t \t \t x.style.display='none';
\t \t \t \t \t console.log("made it not" + x);
\t \t \t \t }
\t \t \t \t \t
\t \t \t });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
\t \t Welcome: <strong><c:out value="${username}"></c:out></strong> <select
\t \t \t data-toggle="dropdown" id="vehicleSelected"
\t \t \t onchange=" window.location.href='${pageContext.request.contextPath }/driver/'+this.value ">
\t \t \t <option>Select Vehicle</option>
\t \t \t <c:forEach var="vehicles" items="${vehicles }">
\t \t \t \t <option value="${vehicles.id }">
\t \t \t \t \t <c:out value="${vehicles.vehicle_name }"></c:out></option>
\t \t \t </c:forEach>
\t \t </select>
\t \t <div class="panel panel-info ">
\t \t \t <div class="panel-heading text-center">
\t \t \t \t <h4>Driver Vehicle Inspection Form</h4>
\t \t \t \t <div id="vehicleInfo" style="display:none;">
\t \t \t \t \t <span>Vehicle:<strong><c:out
\t \t \t \t \t \t \t \t value="${vehicleById.make }"></c:out>, <c:out
\t \t \t \t \t \t \t \t value="${vehicleById.model }"></c:out></strong>
\t \t \t \t \t </span><br> <span>VIN:<strong><c:out
\t \t \t \t \t \t \t \t value="${vehicleById.chassis_number }"></c:out></strong></span><br> <span>
\t \t \t \t \t \t Registration:<strong><c:out value="${vehicleById.plate }"></c:out></strong>
\t \t \t \t \t </span>
\t \t \t \t </div>
\t \t \t </div>
</div>
</div>
我也試圖把所有這一切到方法,並利用返回false;仍然沒有工作,任何想法我可以做下一個