przywróć listę rozwijaną po odświeżeniu pamięci lokalnej

Próbuję zapisać wartość tagu opcji w lokalnym magazynie. Po zapisaniu wartości w lokalnym magazynie chciałbym móc ustawić znacznik opcji na opcję wybraną przez użytkownika. Próbowałem tego przestrzegać, ale mogę zapisać tylko wartość. Mam problem ze zmianą tagu wyboru na wybraną wartość użytkowników.

<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');
}

questionAnswers(3)

yourAnswerToTheQuestion