Home/ Questions/Q 9196685
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:54:18+00:00

Given the following html code: <body onload=loadSett()> <form id=settingsForm name=settingsForm> <select name=Sound id=Sound> <option

  • 0

Given the following html code:

<body onload="loadSett()">
<form id="settingsForm" name="settingsForm">
    <select name="Sound" id="Sound">
        <option value="0">Off</option>
        <option value="1">On</option>
    </select>

    <select name="Vibration" id="Vibration">
        <option value="0">Off</option>
        <option value="1">On</option>
    </select>
</form>
</body>

I have the following javascript:

var getSound;
var getVibra;

function loadSett() {
    var form = $("#settingsForm");
    getSound = localStorage.getItem("sound");
    getVibra = localStorage.getItem("vibra");

    if(getSound != undefined && getVibra != undefined) {
        if(getSound == "1"){
            document.getElementById('Sound').options[1].selected = true;
        }
        if(getVibra == "1"){
            document.getElementById('Vibration').options[1].selected = true;
        }
    } else { alert("Empty"); }
}

Problem: Why the the option of select tag is not selected on load the page according the value stored in localStorage? Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is nothing wrong with the basics of your code. Maybe check the console output for errors, etc.

    Here is a jsbin version of your code that works as expected: http://jsbin.com/uwucib/1/edit

    • 0