HTML.EditorFor内部Java脚本

Question

我正在学习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 type="text/javascript">
    function addAddress() {
            $('#divResult').replaceWith("@Html.EditorFor(m => m.User.HomeAddress)");
        }
</script>

谁能帮我？ 我想填充我的User（model.User）对象，然后将其填充到服务器，但是Athe地址只能在单击按钮后填充，因为它有很多要填充的字段，但是地址不是必需的。

Answer 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>