一旦用戶選擇，我如何在下拉菜單中保持相同的位置

Question

我的表格上有一個下拉字段。 當我從下拉列表中選擇一個值時，它立即將焦點重置到表單的頂部。

為了更清楚，我在屏幕頂部有一個下拉菜單和幾個輸入字段。 用戶必須向下滾動到實際的下拉字段才能選擇它。 一旦他們選擇了值，頁面就會滾動回到頂部。

一旦用戶從下拉列表中選擇一個值，我如何保持用戶在表單上選擇的位置？ [注意：它不會出現堆棧溢出，你必須復制並粘貼代碼並在自己的瀏覽器上試用]

我的下拉設置為：

 // creates the page dynamically function GetSelectedItem(){ var option = document.getElementById("locale").value; }

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="languageswitcher.css"> <script> window.onload{ document.getElementById("locale").options[value].selected; } </script> </head> <body> <header> <div id="country-select"> <form action="" method = "get"> <select id= "locale" name="locale"> <option value="en_US">English(US)</option> <option value="en_GB">English(UK)</option> <option value="bg_BG">Bulgarian</option> <option value="cs_CS">Czech</option> <option value="da_DK">Danish</option> <option value="de_DE">German</option> <option value="ek_GR">Greek</option> <option value="es_ES">Spanish</option> <option value="et_ET">Estonian</option> <option value="fi_FI">Finnish</option> <option value="fr_FR">French</option> <option value="hu_HU">Hungarian</option> <option value="it_IT">Italian</option> <option value="lt_LT">Lithuanian</option> <option value="lv_LV">Latvian</option> <option value="nl_NL">Dutch</option> <option value="no_NO">Norwegian</option> <option value="pl_PL">Polish</option> <option value="pt_PT">Portugese</option> <option value="ro_RO">Romanian</option> <option value="sk_SK">Slovak</option> <option value="sl_SL">Slovenian</option> <option value="sv_SE">Swedish</option> </select> <input value="Select" type="submit"/> </form> </div> </header> <script src="jquery_1.5.min.js"></script> <script src="languageswitcher.js"></script> </body> </html>

Answer 1

最簡單的方法是在運行window.onload函數時運行腳本跳轉到該部分頁面：

window.onload{
      document.getElementById("locale").options[value].selected;
      window.location.hash="country-select"; 
}

你需要在它周圍添加一些額外的邏輯，因為你只想在選擇一個值時這樣做，但這是跳下頁面的基本代碼。

一旦用戶選擇，我如何在下拉菜單中保持相同的位置

問題描述

1 個解決方案

解決方案1
0 已采納 2016-06-22 21:00:55

一旦用戶選擇，我如何在下拉菜單中保持相同的位置

問題描述

1 個解決方案

解決方案1 0 已采納 2016-06-22 21:00:55

解決方案1
0 已采納 2016-06-22 21:00:55