[SalesForce] How to get the ID of selected lookups in Javascript

I have a VF page based on an object. It has a lot of lookup relationships. When a lookup is selected for a certain field (let's say Market_c), I'd like to do some processing in Javascript. How do I hook an existing apex:inputfield tag to a javascript function? And once in the Javascript function, how do I get the value of the selected Market_c.

I've tried hooking up onchange event, but it simply does not fire.

Best Answer

<script>
function doSomething() {
    // use '_lkid' suffix to get the element containing the SF Id in value
    var lkfield = document.getElementById('{!$Component.fieldValue}_lkid');
    // lkfield.value now has the selected ID value
}
</script>
<!-- intervening code ommitted -->
<apex:inputField id="fieldValue" value="{!Record.Field}">
    <apex:actionSupport event="onchange" reRender="someArea" oncomplete="doSomething()"/>
</apex:inputField>

Related Solutions

[SalesForce] Preventing default form submission and calling an action instead

You can use a simple javascript function to prevent a standard submitting the form with enter key and execute an apex:actionFunction instead:

<apex:form id="orderSearchForm" onkeyup="submitListener(event)">

<apex:actionFunction name="onFormSubmit" 
                     action="{!checkSalesOrderAccount}" 
                     reRender="SalesOrderLookup" />

<script>
function submitListener(e){
    var keynum = 0;
    if (window.event){
        keynum = window.event.keyCode;
    }
    else if (e.which){
        keynum = e.which;
    }

    // Here we check whether the Enter button was pressed
    if (keynum == 13){
        onFormSubmit();
    }
}
</script>

[SalesForce] Get Selected lookup ID from javascript method

There is a hidden field rendered in the page which corresponds to the lookup field. This hidden field contains the ID of the lookup value after the selection is made in the lookup dialog.

It is named the same as the lookup field's (visible) textbox and is suffixed with _lkid.

var SalesOrgText = document.getElementById('{!$Component.lookupfield}').value;
var SalesOrgId = document.getElementById('{!$Component.lookupfield}_lkid').value;

console.log('SelectedSalesText: ' + SalesOrgText);
console.log('SelectedSalesOrgId: ' + SalesOrgId);

Given a page like this:

<apex:page standardcontroller="Contact" id="thePage">
    <apex:form id="theForm">
        <apex:inputField id="theInput" value="{!Contact.AccountId}"/>
    </apex:form>
</apex:page>

An input:text field will be rendered with the id: thePage:theForm:theInput which will contain the name of the record which was selected.

As well as an input:hidden field with the id: thePage:theForm:theInput_lkid which will store the selected record's id value.

Best Answer

Related Solutions

[SalesForce] Preventing default form submission and calling an action instead

[SalesForce] Get Selected lookup ID from javascript method

Related Topic