web-dev-qa-db-ja.com

MVCでidをHtml.TextBoxアイテムに設定する方法

テキストを挿入するために、javascriptでtextbox要素をキャッチしようとしています。 idをテキストボックスに設定する方法は??

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

そして、JSによってテキストを入力します

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

このようにテキストボックスの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" />
73
Win

その問題を解決するために以下のコードを使用できます:

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

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

プロパティ名はOperationNoである必要があります。

あなたのJSは

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

ChromeまたはJSでWebインスペクターを使用して、ページのhtmlを表示して要素の属性を確認できます。

5
JeffB

これは、Webフォームで同じプロパティを持つ同じ入力フィールドを使用するシナリオで発生します。単一のビュー/ページでのログインおよびサインアップフォームの場合のように。以前はこんな感じでした

入力する>

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

入力2>

<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", id = "loginUsername", placeholder = "Username", @required = "required", autofocus = "" })
  @Html.ValidationMessageFor(model => model.Username, "", new { @class = "text-danger" })
</div>

新しい入力2>

<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