javascriptasp.net-mvcrazortextboxhtml.textbox

how to set id to Html.TextBox item on MVC


Im trying to catch the textbox element by javascript, in order to put text into it. so how to set id to the textbox ??

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

and then to put text into it by JS

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

Solution

  • You can set ID of a textbox like this.

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

    OR

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

    Output:

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