MVC4使用javascript隐藏/显示部分

时间:2013-05-27 07:39:18

标签: c# asp.net-mvc-4 razor

我的视图中嵌入了以下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...
}

这样做的正确要求是什么?

2 个答案:

答案 0 :(得分:2)

使用style="display: none;"渲染要隐藏的表单,或将其设置在CSS中:

#newaddress-form { display: none; }

答案 1 :(得分:1)

为什么不做......

@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...
}