2016-11-14 31 views
1

我需要在頁面渲染後使用JAVASCRIPT函數設置文本框的值。我試着通過獲取文本框的ID,但它在每次加載時都會不斷變化。有沒有什麼可能的方法來設置文本框的值?這很可能是我創建的擴展,我需要設置輸入值和選擇字段。渲染後設置文本框的值 - force.com

我試過Queryselctor。例如:

getElementsByTagName('input')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> 

我已附上圖片供您參考。從控制檯

Value Updated in form

值文本框的

設定值在文本框中successfuly設置。

seting value from console

點擊保存按鈕後,該文本框FILD成爲空,並顯示mandratory錯誤!

after clicking save showing error

在此先感謝。

+0

嘗試使用'document.getElementsByTagName(「input」);' – Feathercrown

+0

它沒有奏效。我編輯了我的問題兄弟! – ganesh

回答

0

您可以使用querySelector通過CSS選擇器(例如類名稱)獲取該項目,然後您可以更新文本輸入的值。 確保文檔DOM你調用這個函數之前被載入

編輯: 似乎有些生民面臨着同樣的問題,一個solution suggestes做:

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

我已經試過了。例如:它設置聯繫表單中的姓氏的值,並感覺它的工作。當我點擊保存時,它只是將它清空並顯示爲必填項! :-( – ganesh

+0

你可以粘貼HTML到jsfiddle左右嗎? – Tareq

+0

這裏的問題是,當我們在頂點調用* {!$ Component.formName.pInput1} *時,它起作用。 – ganesh

0

在瀏覽器控制檯,您可以查看使用InspectElement您想要獲取的文本框的位置,並創建一個可用於JavaScript的document.querySelector()函數的CSS選擇器。選擇每次都不會更改的一致父項。例如,如果你的文本框一個div內出現與類XYZ這樣的:

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

您可以作出這樣的選擇:

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

然後你可以設置你想要像這樣的任何值:

ele.value = "your value"; 
+0

它工作在正常的HTML文檔,但在銷售隊伍,它在文本框中設置值,但它當我點擊保存時,它將清空。 – ganesh

+0

您可以提供鏈接到託管表格? – owaisafaq

+0

它的force.com。你不能看到實時鏈接,因爲證書。:-( – ganesh