c# - 从模型中的嵌套对象获取 MVC4/Razor 中 JavaScript 元素的 ID

Question

如果我这样定义一个文本框:

@Html.TextBoxFor(m => m.Contact.HomePhone)

它将生成一个 input 元素，带有 id Contact_HomePhone。

是否可以在 JavaScript 中获取此 id 而无需对 Contact_HomePhone 进行硬编码？

这是我在 JavaScript 中动态需要此 id 的示例:

$("#Contact_HomePhone").mask("(999) 999-9999");

(我知道如何使用反射获取属性名称，但仍然需要硬编码 _ 以连接 Contact 和 HomePhone。)

Answer 1

尝试这种方式，使用 Html.IdFor 可以获取helper生成的id。

$('#@Html.IdFor(m => m.Contact.HomePhone)').mask("(999) 999-9999");

只需在它前面加上# jquery 就可以获取它。

但您也可以使用类选择器绑定(bind)插件，例如，如果您有许多这样的电话字段，您可以为所有这些文本框提供一个通用类，并使用类选择器将掩码插件绑定(bind)到它，这将避免确定id 使用上述方法并使用通用选择器。

  @Html.TextBoxFor(m => m.Contact.HomePhone, null, new { @class = "phoneField"});

无需担心 ID，您只需绑定(bind)它们即可。

 $('.phoneField').mask("(999) 999-9999");