Question

我试图通过javascript捕获文本框元素，以便将文本放入其中。那么如何将id设置为文本框？

        <tr>
                    // Id to this textbox
            <td>@Html.TextBoxFor(item => item.OperationNo)</td>
        </tr>

然后通过JS将文本放入其中

                            // 
   document.getElementById("Textbox id").Text= " Some text " ;

Answer 1

您可以像这样设置文本框的ID。

@Html.TextBoxFor(item => item.OperationNo, new { id = "MyId" })

OR

@Html.TextBoxFor(item => item.OperationNo, htmlAttributes: new { id = "MyId" })

输出：

<input ... id="MyId" name="OperationNo" type="text" />

Answer 2

您可以使用以下代码解决该问题：

function steVal() {
        document.getElementById('txtPlace').value = "Set The Text";
    }

 @Html.TextBoxFor(m => m.OperationNo,new { @id = "txtPlace",@name="txtPlace" })

Answer 3

它应该是属性名称，即OperationNo。

所以你的JS将是

document.getElementById("OperationNo").html = " Some text " ;

您可以使用Chrome或JS中的网络检查器查看网页上的html，以查看元素属性。

Answer 4

这是在Web表单中使用具有相同属性的相同输入字段的情况下发生的。就像在单个视图/页面中的“登录”和“注册”表单一样。以前是这样

输入一个>

fruitIdsThatExistInDyanmoDb

输入两个>

<div class="field-wrap">
  @Html.TextBoxFor(model => model.Username, new { @class = "form-control",placeholder = "Username", @required = "required", autofocus = "" })
    @Html.ValidationMessageFor(model => model.Username, "", new { @class = "text-danger" })
</div>

然后我为用户名输入添加了唯一的ID＃

新输入一个>

<div class="field-wrap">
  @Html.TextBoxFor(model => model.Username, new { @class = "form-control", placeholder = "Username", @required = "required", autofocus = "" })
  @Html.ValidationMessageFor(model => model.Username, "", new { @class = "text-danger" })
</div>

新输入两个>

<div class="field-wrap">
  @Html.TextBoxFor(model => model.Username, new { @class = "form-control", id = "loginUsername", placeholder = "Username", @required = "required", autofocus = "" })
  @Html.ValidationMessageFor(model => model.Username, "", new { @class = "text-danger" })
</div>

如何在MVC上将id设置为Html.TextBox项

4 个答案:

输出：