восстановить выпадающий список после обновления локального хранилища
Я пытаюсь сохранить значение тега параметров в локальном хранилище. После сохранения его значения в локальном хранилище я хотел бы иметь возможность установить тег опции для опции, выбранной пользователем. Я попробовал следующее, но я могу только сохранить значение. У меня проблемы с изменением тега select на выбранное пользователем значение.
<select name="fruit" id="fruit">
<option value="1">Apple</option>
<option value="2">Guava</option>
<option value="3">Mango</option>
<option value="4">Grapes</option>
</select>
document.getElementById("fruit").onchange = function() {
localStorage.setItem('fruit', document.getElementById("fruit").value);
}
if (localStorage.getItem('fruit') === "Guava") {
document.getElementById("fruit").setAttribute('Selected', 'Guava');
}