javascript中的Html.EditorFor答案

【问题标题】：Html.EditorFor inside java scriptjavascript中的Html.EditorFor
【发布时间】：2014-10-04 05:00:42
【问题描述】：

我正在学习ASP MVC，我尝试做表单，当你点击表单上的按钮时，我想在这个表单的div中添加一些内容。

@using (Html.BeginForm())
{
    <div>
     <input type="button" value="Click to edit address" onclick="@String.Format("addAddress()")" />
    <div id='divResult'>

        Here I want to add new conntent after click button.

    </div>
    <div>
}

我的 Java Script 函数不起作用：

<script type="text/javascript">
    function addAddress() {
            $('#divResult').replaceWith("@Html.EditorFor(m => m.User.HomeAddress)");
        }
</script>

谁能帮助我？我想填写我的用户（model.User）对象并发布到服务器，但是地址只能在点击按钮后填写，因为它有很多字段要填写，但地址不是必需的。

【问题讨论】：

为什么只添加、隐藏（使用 css）并在用户按下按钮时显示？从理论上讲，您的代码应该可以正常工作吗？您也应该尝试用Html.Raw:@Html.Raw(Html.EditorFor(...)) 包装它。
你的脚本是放在cshtml里的吗？

标签： c# jquery asp.net-mvc

【解决方案1】：

试试这个：

@using (Html.BeginForm())
{
<div>
    <input type="button" value="Click to edit address" onclick="addAddress()" />
    <div id='divResult' hidden='hidden' >
        @Html.EditorFor(m => m.User.HomeAddress)
    </div>
</div>
}

<script type="text/javascript">
    function addAddress() {
        $('#divResult').show();
    }
</script>

【讨论】：