показать скрытое содержимое после отправки формы

Question

У меня есть форма, которая, если я выберу вариант в теге select, покажет некоторое содержимое. проблема в том, что если я отправлю форму и возникнет ошибка, содержимое будет скрыто.

Я читал связанные темы, и он говорит о локальном хранилище, но я не знаю, как его реализовать.

Это мой пример сценария. Благодаря

SCRIPT

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#loc_type1').on('change', function() { 
     if (this.value == '11') 
     { 
     $("#services11").show(); 
     $("#services13").hide(); 
     $("#services14").hide(); 
     } 
     else if (this.value == '13') { 
     $("#services13").show(); 
     $("#services11").hide(); 
     $("#services14").hide(); 
     } 
     else if (this.value == '14') { 
     $("#services14").show(); 
     $("#services11").hide(); 
     $("#services13").hide(); 
     } 
     else 
     { 
     $("#services11").hide(); 
     $("#services13").hide(); 
     $("#services14").hide(); 
     } 
    }); 
}); 
</script> 

Answer 1

Ваш скрипт работает только тогда, когда изменение значения, возможно, потребуется запустить его на странице загрузки тоже.

// Make it a function 
function updateVisibleServices(){ 
    if (this.value == '11'){ 
     $("#services11").show(); 
     $("#services13").hide(); 
     $("#services14").hide(); 
    } 
    else if (this.value == '13') { 
     $("#services13").show(); 
     $("#services11").hide(); 
     $("#services14").hide(); 
    } 
    else if (this.value == '14') { 
     $("#services14").show(); 
     $("#services11").hide(); 
     $("#services13").hide(); 
    } 
    else { 
     $("#services11").hide(); 
     $("#services13").hide(); 
     $("#services14").hide(); 
    } 
} 

$(document).ready(function(){ 
    // Add the event 
    $('#loc_type1').on('change', updateVisibleServices); 
    // and also call it on page load 
    updateVisibleServices(); 
});