Question

我在数据库中有一个包含不同类型设备的表单（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元素会显示更多选项。

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

在sim_cards_insert.php我有一个提交和取消的表单，当我按下返回（devices_insert.php）时，div sc_div再次不可见，但我和＃39的数据之前填充的是在同一个地方。

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

如何通过不同的窗口再次显示它？

Answer 1

听起来浏览器正在将DOM恢复到初始状态 - 即隐藏sc_div。

也许您可以查看devices_insert.php页面加载的上一个网址。

<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>

通过不同的选项卡PHP显示和隐藏元素

1 个答案: