Salesforce | document.getElementById(‘id’).value not working for apex:outputtext

Author - Webner
21.09.2016
|
2 Comments
|
Java Frameworks, Mobile, Salesforce, Web Development, Zoho
|
Post Views: 4,964

If you have an apex:outputtext and you try to get its value in Javascript using document.getElementById(‘id of outputtext’).value(), that won’t work. The reason is apex:outputtext is translated to HTML SPAN element.

So 

<apex:outputtext value=”Amount” id=”amntId”/>

becomes

<span id="amtId">Amount</span>

So to get the value use innerHTML instead – document.getElementById(‘id of outputtext’).innerHTML.

Webner Solutions is a Software Development company focused on developing CRM apps (Salesforce, Zoho), LMS Apps (Moodle/Totara), Websites and Mobile apps. If you need Salesforce customization, App development or any other software development assistance please contact us at salesforce@webners.com

Related posts:

  1. Salesforce | How to prevent double click on Apex button
  2. How to create a dynamic div using Javascript
  3. Salesforce | Using Javascript to set value in parent Visualforce page field
  4. Salesforce | How to call apex method using Javascript
Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at dev@webners.com for your Insurance, eLearning and Salesforce applications.

2 responses on “Salesforce | document.getElementById(‘id’).value not working for apex:outputtext”

  1. Nayana says:
    March 20, 2019 at 6:19 am

    Thanks, it works for me.

    Reply
  2. 【Visualforce】JavascriptからgetElementByIdで値を参照する方法 | ガワタリ.com says:
    July 14, 2019 at 6:29 pm

    […] これは、apex:outputTextはspanに変換されるため、valueではなくinnerHTMLで参照する必要があるとのこと。Salesforce | document.getElementById(‘id’).value not working for apex:outputtext […]

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *