web-dev-qa-db-fra.com

comment définir l'id sur l'élément Html.TextBox sur MVC

J'essaie d'attraper l'élément textbox par javascript, afin d'y mettre du texte. alors comment définir id sur la zone de texte?

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

puis de mettre du texte par JS

                            // 
   document.getElementById("Textbox id").Text= " Some text " ;
javascriptasp.net-mvcrazortextboxhtml.textbox
31
Fadi Alkadi

Vous pouvez définir l'ID d'une zone de texte comme ceci.

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

OR

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

Sortie:

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

Vous pouvez utiliser le code ci-dessous pour résoudre ce problème: 

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

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

Ce devrait être le nom de la propriété, qui est OperationNo.

Donc, votre JS sera

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

Vous pouvez utiliser l'inspecteur Web de Chrome ou JS pour afficher le code HTML de votre page et voir les attributs de l'élément.

5
JeffB

Cela se produit dans un scénario d'utilisation des mêmes champs de saisie avec les mêmes propriétés dans un formulaire Web. Comme dans le cas des formulaires de connexion et d'inscription en vue/page unique . Auparavant c'était comme ça 

entrée un> 

<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>

entrée deux>

<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>

alors j'ai ajouté un identifiant unique # pour l'entrée de nom d'utilisateur

la nouvelle entrée> 

<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>

la nouvelle entrée deux>

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