選択した値をURLに渡してDivを開こうとしています。（リロード後に閉じ）

こんにちは、私は私のJSPページ内のdivをオープンしようとしていますので、私は何をやっていることは、URLにIDを渡して、URLが私のコントローラにいくつかの背景の作業を行い、期待通りにデータを取得し、このすべて正常に動作しています。私がしたいのは、データがロードされた後にのみdivを表示することです。私はページをロードするときにオプションが選択されていないので、ユーザーがオプションを選択してURLをロードしてdivを開き、開いたままにしておくと、ロードが試行され、気に入ったように動作しているようです。ここで私は知っているところです。選択した値をURLに渡して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>

私はまた、すべてのメソッドにこれを入れてリターン偽を使って試してみました。まだ、任意のアイデア私は次の

出典

2017-04-11 Jason Delaney

を何ができるかを解決するためにハイとローを検索した後、私は少し異なるルートを取るとidのためのURLをチェックしなければならなかったし、存在する場合のショーのdivを動作しませんでした、これは私は望んでいたものではなく、働いています。私は質問につきものになるかもしれない誰かのためにこれを投稿しています。以下は知るための解決策です。

$(document).ready(function() { 

    var url = window.location.href; 

    var urlEnd = url.substr(url.lastIndexOf('/') + 1); 

    if (urlEnd !== "") { 
     $("#vehicleInfo").show(); 

    } 

});

出典

2017-04-12 10:12:20

選択した値をURLに渡してDivを開こうとしています。 （リロード後に閉じ）

答えて

関連する問題

選択した値をURLに渡してDivを開こうとしています。（リロード後に閉じ）