javascript - 使用 Javascript 或 JQuery 的 Html.TextBoxFor 的明文

Question

我似乎不知道如何清除 Razor 文本框中的文本。

我已经尝试过这个:

@Html.TextBoxFor(m => m.Field)


    $(document).ready(function () {
        $(".link").click(function () {                
            $("#Field").value = "";
            return false;
        });    
    });

没用。

Answer 1

使用 jQuery 设置值的正确方法是使用 val 并向其传递一个值。因此要清除它，请使用以下命令:

$("#Field").val("")

查看 val 的 jQuery API:

http://api.jquery.com/val/

如果您想使用基本的 Javascript，则可以使用 .value = ""，但由于您使用 jQuery 选择元素，因此必须使用 jQuery 方法，例如 val.

不过你有几个选择。这对于基本的 Javascript 来说同样非常容易:

document.getElementById("Field").value = "";

如果你仍然想使用 jQuery 但使用 value，你需要获取 DOM 元素，例如:

$("#Field")[0].value = "";
// or
$("#Field").get(0).value = "";

如果您使用 jQuery，您不妨坚持使用 val()。这样做的好处是，如果未找到该元素，调用 .val("") 不会破坏程序。如果您使用我提到的任何其他方法，如果该元素不存在，它们就会爆炸。所以这取决于你真正想要什么。在使用 get(0) 或 [0] 之前，您可以随时检查 $("#Field").length 是否大于 0 >，但这有点矫枉过正了。

另一个可能的问题是元素的id可能不是“Field”。我忘记了 MVC 是如何生成实际 HTML 的，但是您可以使用 Firebug 或开发人员工具等工具来调查并查看 id 实际是什么。然后，您可能必须将其替换为“Field”。