在表格提交后显示隐藏的内容

我有一个表格，如果我在选择标签中选择一个选项，将显示一些内容。问题是如果我提交表单并且出现错误，则内容现在被隐藏。在表格提交后显示隐藏的内容

我读了相关的主题，它说关于本地存储，但我不知道如何实现它。

这是我的示例脚本。由于

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

在表格提交后显示隐藏的内容

回答

相关问题