为html帮助器Html.EditorFor设置一个id

Question

我使用的是使用html helper“@ Html.EditorFor”创建的文本框，现在我必须在其更改事件上使用javascript执行一些操作，我需要为此文本框设置一个id。

实施例。我必须在我正在使用的文本框中设置一个字符串值

document.getElementById("id").value="Test";

那么如何在html.editorFor（）中提供id？

Answer 1

@Html.EditorFor(x => x.Foo, new { id = "MyId" })

Answer 2

用此设置

   @Html.EditorFor(m=> m.name, new{@id="test"});

如果你不明确设置id。你的模型属性（如果是字符串）将是它的id，就像这里的名字是它的id。

Answer 3

使用jQuery，您可以使用change()事件：

$('#id').change(function() {
    this.id="test"
}).change();

Answer 4

使用

@Html.TextBoxFor

而不是

@Html.EditorFor

例如

@Html.TextBoxFor(x => x.SomeField, new { id = "SomeFieldID" })

// javascript或jquery

$("#SomeFieldID").change(function(e){ ... });