レンダー後のテキストボックスの値を設定する - force.com

Question

ページがレンダリングされた後にJAVASCRIPT関数を使用してテキストボックスの値を設定する必要があります。私はテキストボックスのIDを取得しようとしましたが、すべての負荷を変更し続けます。テキストボックスの値を設定する方法はありますか？私は入力と選択フィールドの値を設定する必要がある拡張のように作成している可能性があります。

私はQueryselctorを試しました。例：

getElementsByTagNameの（ '入力'）1 .VALUE = "testRecord"。

連絡先フォームに姓の値を設定し、それが機能しているように感じます。保存をクリックすると、それを空にして強制的に表示します。しかし、私はテキストボックスにいくつかの事を入力し、私は値を設定するために私の関数を使用すると、それは働いた。

これは営業担当者によって生成されたコードです。

<div data-aura-rendered-by="14996:0" class="uiInput uiInputText uiInput--default uiInput--input" data-aura-class="uiInput uiInputText uiInput--default uiInput--input"> 
     <label class="uiLabel-top form-element__label uiLabel" for="14981:0" data-aura-rendered-by="14991:0" data-aura-class="uiLabel"> 
      <span class="" data-aura-rendered-by="14992:0">Last Name</span> 
      <!--render facet: 14994:0--> 
      <span class="required " data-aura-rendered-by="14982:0">*</span> 
     </label> 
     <input class="compoundBLRadius compoundBRRadius form-element__row input" maxlength="80" type="text" aria-describedby="" placeholder="Last Name" required="" id="14981:0" data-aura-rendered-by="14985:0" data-interactive-lib-uid="242" aria-required="true"> 
</div> 

参考のために画像が添付されています。 successfulyテキストボックスで設定コンソール

からテキストボックスの値を設定

は値。

保存ボタンをクリックした後、テキストボックスが空になり、mandratoryエラーを示しFILD！事前に

感謝。

Answer 1

querySelectorを使用すると、CSSセレクタ（クラス名など）を使用してアイテムを取得し、テキスト入力の値を更新できます。 この関数を呼び出す前に、文書DOMがロードされていることを確認し

編集： は、いくつかのpepoleは、solution suggestesがする同じ問題に直面したようだ：あなたは確認することができ、ブラウザのコンソールでInspectElementを使用して

document.getElementById('{!$Component.formName.pInput1}').value = "test"; 

Answer 2

JavaScriptのdocument.querySelector（）関数で使用できるCSSセレクタを作成して作成しようとしているテキストボックスの位置。毎回変わらない一貫性のある親を選ぶ。あなたのテキストボックスには、このようなクラスXYZでdivの内側に表示された場合例：

<div class="xyz"> 
    <input name="changingname" /> 
</div> 

あなたはこのようにセレクタを行うことができます。

var ele = document.querySelector('.xyz>input'); 

そして、あなたがこのように好きな値に設定することができます：

ele.value = "your value";