表示と非表示要素の異なるタブをPHP

Question

Iデータベースからデバイスの異なるタイプのフォーム内の選択を持っている（devices.insert.php）：

Type:<select name="type" form="form_select" onchange="showDiv(this)"> 
    <?php 
    $sql = "SELECT * 
    FROM Property 
    WHERE PRP_PRP_TYP_Id = 1"; 
    $result = sqlsrv_query($con, $sql); 
    echo "<option disabled selected value> -- select an option -- </option>"; 
    while ($row = sqlsrv_fetch_array($result)){ 
     echo "<option value='".$row['PRP_Id']."'>".$row['PRP_Value']."</option>"; 
    } 
    ?> 
    </select><br> 


<script type="text/javascript"> 
function showDiv(elem){ 
    if(elem.value == 3 || elem.value == 24 || elem.value == 25){ 
     document.getElementById('sc_div').style.display = "block"; 
    } 
    else{ 
     document.getElementById('sc_div').style.display = "none"; 
    } 

} 
</script> 

私は正しいidとのいずれかの項目を選択すると、 div要素がさらに多くのオプションで表示されます。 sim_cards_insert.phpで

<div id="sc_div" style="display:none"> 
... 
<a href="sim_cards_insert.php">Register new SIM</a><br> 
</div> 

私が提出し、キャンセルして、私は（devices_insert.phpに）戻って押したときのフォームを持っているのdiv sc_divが再び表示されませんが、私は前に満たされてきたデータが同じ場所にあります。

<button type="button" class="log-btn" onClick="history.go(-1)">Cancel</button> 

どのようにして別のウィンドウを再び通過することができますか？

Answer 1

ブラウザのような音はDOMを元の状態に戻しています。すなわち、sc_divが隠されています。

おそらく、devices_insert.phpページの読み込みの前のURLを確認できます。

<script type="text/javascript"> 
function showDiv(elem){ 
    //example 
    var filename = document.referrer.split('/').pop(); 
    if(filename === 'sim_card_insert.php'){ 
     document.getElementById('sc_div').style.display = "block"; 
    } 

    //...rest of function 
</script> 

あなたはページの休暇に要素をリセットしようとすることができます