I'm having following code to access the selected values of a picklist. But i'm getting 'undefined' as the value whenever i read from JS. Here is the code

<div class="slds-form-element__row"> 
    <div class="slds-form-element"> 
        <div name="1_lbl" Class="slds-form-element__label">Picklist 1</div>                                    
        <div class="slds-form-element__control">
            <div class="slds-select_container">
                <apex:selectList size="1" value="{!loadPicklist1}" styleClass="slds-select" id="1_id">
                    <apex:selectOptions value="{!loadPicklistValues}" />
                    <apex:actionSupport event="onchange"  action="{!loadAnotherItems}"/>

And here is my JQuery code to access the value. The button id related to the event is buttonId.

    var 1Type = j$('#1_id').val();



Please help to identify why I'm getting undefined even though I pick a value here.

  • Can you explain what you're trying to use jQuery for here? What are you hoping to be able to do by accessing the apex:selectList values?
    – Derek F
    Mar 29, 2017 at 15:00

1 Answer 1


Visualforce element's id are auto-generated, So to access them in jQuery one of the easier method is to use ends with selector.

In your example, you can refer access the selected value as follows:


Refer this blog for details more details and with different approach - VisualForce Element Ids in jQuery selectors.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .