Javascript 隐藏部分表格

我有一个asp.net mvc应用程序，我想根据下拉列表中选定的行隐藏/显示表单的一部分。这是通过jQuery脚本完成的：

<script type="text/javascript" >
    $(document).ready(function() {
        $('#owners').change(function() {
            $("select option:selected").each(function() {
                $('.location').css("display", "none");
                $('#canDeleteUsers').css("display", "none");                    
            });
            if (($("option:selected").attr("value")) == "") {
                $("select option:selected").each(function() {
                    $('.location').css("display", "block");
                    $('#canDeleteUsers').css("display", "block");
                });
            }
        });
    });            
</script>

$（文档）.ready（函数（）{
$（“#所有者”）.change（function（）{
$（“选择选项：选定”）。每个（函数（）{
$（'.location'）.css（“显示”、“无”）；
$（'#candeletuesers'）.css（“显示”、“无”）；
});
如果（$（“选项：选定”）.attr（“值”）=“”）{
$（“选择选项：选定”）。每个（函数（）{
$（'.location'）.css（“显示”、“块”）；
$（'#candeletuesers'）.css（“显示”、“块”）；
});
}
});
});            

现在的问题是，当用户违反了某些逻辑，我再次返回视图进行验证时，如果下拉列表被选择到变量，它应该隐藏表单部分，它仍然会出现

---

有什么想法吗？提前感谢。

将隐藏的逻辑提取出来，将表单单独显示到函数中。在更改事件中调用此函数，并在文档准备就绪时调用它。

确定；页面将重新加载，可见性将重置

一个选项是将确定是否将表单部分隐藏到单独（命名）函数中的逻辑移动，并在document.ready和下拉列表的change事件上调用该函数