У меня есть веб-форма с двумя полями выбора (название школы и название класса), которые получают значения из базы данных sql, тогда как «имя класса» зависит от значения «имя школы». Я хочу сохранить свои данные в хранилище сеансов для отображения после загрузки. Я успешно получаю те же данные после загрузки в поле выбора «название школы», но не получаю данные «имя класса». Я пытался получить данные «имя класса» в текстовом поле, и я успешно, но я не могу получить данные «имя класса» в том же окне выбора. Мой код выглядит следующим образом:
<script>
// Run on page load
window.onload = function() {
// If sessionStorage is storing default values (ex. name), exit the function and do not restore data
// if (sessionStorage.getItem('name') == "name") {
// return;
//}
// If values are not blank, restore them to the fields
var school = sessionStorage.getItem('school');
if (school !== null) $('#school').val(school);
var sclass = sessionStorage.getItem('class');
if (sclass !== null) $('#class').val(sclass);
}
// Before refreshing the page, save the form data to sessionStorage
window.onbeforeunload = function() {
sessionStorage.setItem("school", $('#school').val());
sessionStorage.setItem("class", $('#class').val());
}
Название школы Выберите школу
<div class="form-group">
<label>Class</label><select name="class" id="class" required>
<option value="" selected disabled>Select Class</option>
</select>
</div>
<div class="form-group">
<label>Student Name</label><input type="text" name="sname" id="name" required>
</div>
<div class="form-group">
<label>Father Name</label><input type="text" name="sfather" value="<?php if(isset($_POST['sfather'])){echo htmlentities($_POST['sfather']);} ?>" required>
</div>
<div class="form-group">
<label>Phone No</label><input type="text" name="sphone" placeholder="03XXXXXXXXX" pattern="[0-9]{11}" required>
</div>
<input class="submit" name="submitstudent" type="submit" value="Save" />
</form>
Пожалуйста, помогите мне в этом вопросе, я не очень знаком с кодированием. СПАСИБО заранее.