从模型中的嵌套对象获取 MVC4/Razor 中 JavaScript 的元素 id

Question

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

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

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

是否有可能在 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 获取它。

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

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

而且不用担心 id 你可以绑定它们。

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