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

Question

如果我定义这样的文本框:

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

它将生成一个input元素id Contact_HomePhone.

是否有可能id在没有硬编码的情况下使用JavaScript Contact_HomePhone？

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

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

(我知道如何使用反射来获取属性名称,但仍然有硬编码_来连接Contact和HomePhone).

Answer 1

尝试这种方式,使用 Html.Id为您可以获取助手生成的id.

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

只需在它#前面添加jquery即可.

但你也可以使用类选择器绑定插件,例如,如果你有许多这样的手机字段,你可以为所有那些textBox提供一个公共类,并使用类选择器将掩码插件绑定到它,这将避免使用以上方法并使用通用选择器.

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

并且无需担心id,你可以绑定它们.

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