javascript - 渲染后设置文本框的值 -force.com

Question

我需要在页面渲染后使用 JAVASCRIPT 函数设置文本框的值。我尝试获取文本框的 ID，但它在每次加载时都会不断变化。有什么可能的方法来设置文本框的值吗？我可能正在创建一个扩展程序，我需要设置输入和选择字段的值。

我尝试过 Queryselector。示例:

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>

我已附上图片供您引用。

从控制台设置文本框的值

在文本框中成功设置值。

点击保存按钮后，文本框字段变空并显示强制错误!

提前致谢。

Answer 1

在浏览器控制台中使用 InspectElement，您可以检查您尝试获取的文本框的位置，并创建一个可在 JavaScript 的 document.querySelector() 函数中使用的 CSS 选择器。选择不会每次都改变的一致的父级。例如，如果您的文本框出现在类 xyz 的 div 内，如下所示:

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

您可以像这样制作选择器:

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

然后你可以设置你想要的任何值，如下所示:

ele.value = "your value";