在表格提交後顯示隱藏的內容

我有一個表格，如果我在選擇標籤中選擇一個選項，將顯示一些內容。問題是如果我提交表單並且出現錯誤，則內容現在被隱藏。在表格提交後顯示隱藏的內容

我讀了相關的主題，它說關於本地存儲，但我不知道如何實現它。

這是我的示例腳本。由於

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>

來源

2017-01-19 Mark Gerryl Mirandilla

是的，但如果在驗證錯誤，頁面仍然存在，只是顯示所有必填字段.. –

是的，因爲我知道這個問題是對劇本.. http://jsfiddle.net/b6ydm /檢查這一個。一樣的。 –

也添加您的相關html和css。 – ab29007

你的腳本只運行時的數值變化，你可能需要在頁面加載運行它。

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

來源

2017-01-19 04:52:16 GramThanos

在表格提交後顯示隱藏的內容

回答

相關問題