javascript - 如何在 MVC 中的模型 View 中重置字段编辑器

Question

我有一个可以输入值的网页。为此，我提供了类似这样的代码

<td colspan="2">
    @Html.EditorFor(model => model.Line1, new { id= "txtLine1" })
</td>

这会在网页 View 中为 Address Line1 创建一个编辑器字段。现在，单击重置按钮后，我希望编辑器中为 Line1 填写的任何内容都应该被清除。为此，我使用重置按钮和 JavaScript，如下所示

<input type="button" value="reset" id="btnReset" />

<script type="text/javascript">
 $(document).ready(function () {
    $("#btnReset").click(function () {           
            $("#txtLine1").val("");     
        });
     });
</script>

但这对我不起作用。已经尝试了很多，谷歌搜索了很多，但似乎没有解决方案有效。甚至尝试给输入类型=“重置”。请提供最佳解决方案

Answer 1

您正在通过在 html 属性中指定的 id 引用 Editorfor 控件。 “txtLine1”。如果您查看生成的 html，根据您的模型绑定(bind)，它是“Line1”。

更改为以下内容即可正常工作。

<script>
 $(document).ready(function () {
    $("#btnReset").click(function () {
            $("#Line1").val("");
        });
     });
</script>