MVC 编辑器模板中的 JavaScript 无法正确呈现

Question

我正在将一些控件从 View 移动到编辑器。在我的编辑器中，我有这个 HiddenFor:

@Html.HiddenFor(m => m.EmailDataVariables)

我有一些 javascript 尝试读取它(这在我的原始页面中有效，但在 View 中无效):

var myValue = document.getElementById('EmailDataVariables').value;

HiddenFor 呈现如下(这破坏了上面的 JavaScript):

<input id="EmailTemplate_EmailDataVariables" 
    name="EmailTemplate.EmailDataVariables" 
    type="hidden" 
    value="myData">

我是否应该假设控件始终被命名为 EmailTemplate.EmailDataVariables 并像这样编写我的 javascript:

var myValue = document.getElementById('EmailTemplate.EmailDataVariables').value;

或者有更好的方法来处理这个问题吗？

Answer 1

您有两个选择。

1) 假设 ID 始终为 EmailTemplate_EmailDataVariables 并相应地更新您的 JS。

2) 为其指定一个您永远知道的唯一 ID。

@Html.HiddenFor(m => m.EmailDataVariables, new {id = "EmailDataVariables"})

Source