webentwicklung-frage-antwort-db.com.de

festlegen der ID für das Element Html.TextBox in MVC

Ich versuche, das Textbox-Element durch Javascript zu fangen, um Text darin einzufügen. Wie setze ich die ID in die Textbox?

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

und dann Text von JS hineinzubringen

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

Sie können die ID eines Textfelds wie folgt festlegen.

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

OR

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

Ausgabe:

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

Sie können den folgenden Code verwenden, um dieses Problem zu beheben:

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

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

Es sollte der Name der Eigenschaft sein, der OperationNo ist.

So wird deine JS sein

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

Sie können den Web-Inspector in Chrome oder JS verwenden, um das HTML auf Ihrer Seite anzuzeigen, um die Elementattribute anzuzeigen.

5
JeffB

Dies geschieht in einem Szenario, in dem dieselben Eingabefelder mit denselben Eigenschaften im Webformular verwendet werden. Wie bei Anmelde- und Anmeldeformularen in Einzelansicht/Seite . Bisher war es so 

geben Sie eine ein> 

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

eingabe zwei>

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

dann fügte ich eine eindeutige ID für die Eingabe des Benutzernamens hinzu

die neue eingabe> 

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

die neue Eingabe zwei>

<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