Как сделать так, чтобы выбранный параметр переместился наверх и оставался там даже после обновления страницы? - PullRequest
0 голосов
/ 07 мая 2020

Мне было интересно, как я могу заставить «киви» оставаться на первой позиции после обновления страницы. Я пробовал использовать localStorage, но это точно не сработало. Я не уверен, должен ли я указать значение для созданного элемента, установить его как getItem или установить как kiwi.localstorage. Буду признателен за любую помощь !! (Код переформатирован)

 <!DOCTYPE html>

 <body>
    <form>
       <select id="mySelect" size="8">
          <option>Apple</option>
          <option>Pear</option>
          <option>Banana</option>
          <option>Orange</option>
       </select>
    </form>

    <p>Click the button to add a "Kiwi" option at the index position "1" in the drop-down list.</p>

    <button type="button" onclick="myFunction()">Insert option</button>

    <script>
       function myFunction() {
          var x = document.getElementById("mySelect");
          var c = document.createElement("option");
          c.text = "Kiwi";
          x.options.add(c, 0);
        }
     </script>
 </body>

 </html>
...