c# - 使用 javascript 的 MVC4 隐藏/显示部分

Question

我的视图中嵌入了以下 javascript：

<script type="text/javascript">
    var Scripts = {

        showAddressForm: function (isNew) {
            if (isNew) {
                $('#newaddress-form').show();
            } else {
                $('#newaddress-form').hide();
            }
        },
    };
</script>

该函数在下拉列表的“onchange”事件上调用。这工作正常。但是，最初加载页面时，表单是可见的。我希望它隐藏在这部分代码中：

@if (Model.Addresses.Count > 0)
{
    //Call function to hide address form   

    //List dropdownlist items here...
}

这样做的正确方法是什么？

Answer 1

呈现要隐藏的表单style="display: none;"或在您的 CSS 中设置它：

#newaddress-form { display: none; }

Answer 2

为什么不干...

@if (Model.Addresses.Count > 0)
{

    //Call function to hide address form   
    <script type="text/javascript">
        $(document).ready(function() {
            Scripts.showAddressForm(false);
        });
    </script>
    //List dropdownlist items here...
}