選択された状態を保持したい

初めて質問するので、至らない点がありましたらすいません。

プルダウンメニューの勉強中なのですが、選択できる項目がいくつかあり例えばリンゴを選択した後更新をかけても選択されている状態(selected?)をjavascriptをつかって動的に行いたいですが、「js selected 選択状態保持」等でいくら調べても出てきませんでした。以下がHTMLのコードです。

HTML
1<form id="form01">
2<select name="fruit" onChange="selectchange()"> 
3<option value="0">リンゴ</option>
4<option value="1">バナナ</option>
5<option value="2">オレンジ</option>
6</select>
7</form>

javascript
1<script>
2  window.onload = function() {
3   //ここに保持させるコードを記述したい
4  }

ご教授のほう、よろしくお願いします。

kei344

2018/05/23 05:33

どのように検索したのかも書いたほうが良いです。 https://teratail.com/help/question-tips また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

HayatoKamono

2018/05/23 05:40

(1)「選択されている状態(selected?)をjavascriptをつかって動的に行いたい」とありますが、「選択されている状態を行いたい」というのはどういう意味でしょうか？(2)「例えばリンゴを選択した後更新をかけても」とありますが、ここでの「更新」とは具体的にどういった意味でしょうか？ページの再読込ですか？