javascript - 隐藏部分表格

Question

我有一个 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>

现在的问题是，当用户违反了一些逻辑并且我再次返回 View 以进行验证时，如果下拉列表被选择为变体，它应该隐藏表单部分，它仍然出现。

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

Answer 1

当然；页面重新加载，可见性将重置。

一个选择是将确定是否隐藏表单部分的逻辑移动到一个单独的(命名的)函数中，并在 document.ready 和下拉列表的更改事件上调用该函数一次。