フォーム提出後に隠しコンテンツを表示

Question

選択タグでオプションを選択すると、内容が表示されるというフォームがあります。問題は、フォームを送信したときにエラーが発生した場合、コンテンツは非表示になります。

ローカルストレージについては関連トピックを読んでいますが、実装方法はわかりません。

これは私のサンプルスクリプトです。おかげ

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