Al seleccionar 1_preduzece , se muestra el campo de entrada my_field , sin embargo, cuando se ingresan datos en esta entrada y el usuario cambia a otra página html, en caso de que regrese a la página, este campo de entrada desaparece pero 1_preduzece permanece seleccionado. Cómo mantener esta entrada visible al regresar de otra página si se selecciona 1_preduzece .
<select required="" aria-required="true" name="svojina" id="svojina" onchange="showMessage(); showDiv(this)"> <option value="" disabled selected>Odaberi:</option> <option value="1_preduzece">Korisnik 1</option> <option value="2_preduzece">Korisnik 2</option> </select> <p id="vrsta"></p> <script> function showMessage() { var x = document.getElementById("svojina").value; document.getElementById("vrsta").innerHTML = ""; if (x == "1_preduzece") { document.getElementById("vrsta").innerHTML = ""; } if (x == "2_preduzece") { document.getElementById("vrsta").innerHTML = ""; } } </script> <div id="hidden_div" style="display: none;"> <input id="my_field" type="text" name="my" maxlength="5" size="30" disabled="true" onkeyup="saveValue(this);"> </div> <script> // input to track let field = document.getElementById("my_field"); if (sessionStorage.getItem("autosave")) { // Restore a content of the input field.value = sessionStorage.getItem("autosave"); } // Listen for changes in the input field field.addEventListener("change", function() { // save value into sessionStorage object sessionStorage.setItem("autosave", field.value); }); </script> <script type="text/javascript"> function showDiv(select){ if(select.value=="1_preduzece"){ document.getElementById('hidden_div').style.display = "block"; document.getElementById('my_field').disabled = false; } else { document.getElementById('hidden_div').style.display = "none"; document.getElementById('my_field').disabled = true; } } </script>Lo que estás viendo es una especie de caché del navegador. La mejor manera de eludir eso es ejecutar una función javascript en el inicio de la página para restablecer los valores de su formulario.
En vainilla JS:
window.addEventListener('DOMContentLoaded', () => { document.querySelector('select[name=svojina]').value=''; })en JQuery
$(function() { $('select[name=svojina]').val(''); })