восстановить выпадающий список после обновления локального хранилища

Я пытаюсь сохранить значение тега параметров в локальном хранилище. После сохранения его значения в локальном хранилище я хотел бы иметь возможность установить тег опции для опции, выбранной пользователем. Я попробовал следующее, но я могу только сохранить значение. У меня проблемы с изменением тега 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');
}

Ответы на вопрос(3)

Ваш ответ на вопрос