在php中根據條件更新select中的所選選項

Question

我是編程新手，我要嘗試的是當用戶從選擇中選擇選項時，下一次用戶訪問頁面或刷新頁面時，用戶將看到他最后一次選擇的選項已被選中。

<!DOCTYPE html>
<html>
    <body>
        <select id="Example">
            <?php 
                $value = "<script>document.write(value)</script>";
                $val = "1";
                $val2 = "2";
            ?>
          <option value="1" <?php if ($val == $value){  ?>selected  <?php }  ?> >One</option>
          <option value="2" <?php if ($val2 == $value){  ?>selected <?php }  ?> >Two</option>
          <option value="3">Three</option>
        </select>
        <script>
            var sel = document.getElementById('Example');
            var value = sel.options[sel.selectedIndex].value;
        </script>   
    </body>
</html>

我正在使用上面的代碼，但沒有得到想要的輸出，請幫助我，我真的被卡住了。 如果在JavaScript中可行，我也將不勝感激。 提前致謝。

Answer 1

數據庫，Cookie或localStorage

window.onload=function() {
  var val = localStorage.getItem("example"); 
  if (val) {  document.getElementById('Example').value = val } 
  document.getElementById('Example').onchange=function() { 
    localStorage.setItem("example",this.value); 
  } 
}

Answer 2

 <form action="" method="post">   
    <label>Country</label>     
    <select id="country" name="country" onchange="myFunction(this.value)">
        <option value="india">India</option>
        <option value="australia">Australia</option>
        <option value="canada">Canada</option>
        <option value="usa">USA</option>
    </select>
  <input type="submit" value="Submit">   
 </form>  

<script type="text/javascript">
    var val = localStorage.getItem("CountryValue"); 
    document.getElementById('country').value = val;

    // This function will store data in localstorage on client browser.
    function myFunction(value) {
        localStorage.setItem("CountryValue",value);
    }
</script>

在php中根據條件更新select中的所選選項

問題描述

2 個解決方案

解決方案1
1 2018-05-11 09:52:18

解決方案2
0 2018-05-11 14:18:36

在php中根據條件更新select中的所選選項

問題描述

2 個解決方案

解決方案1 1 2018-05-11 09:52:18

解決方案2 0 2018-05-11 14:18:36

解決方案1
1 2018-05-11 09:52:18

解決方案2
0 2018-05-11 14:18:36