Dependent picklist using Apex in Salesforce

Dependent picklist using Apex in Salesforce

Sample Code:


Visualforce page:


<apex:page controller=”sample”>
   
    <apex:form >
   
    <apex:pageBlock>
        <apex:pageBlockSection columns=”2″>
            <apex:pageblockSectionItem>
                <apex:outputLabel value=”State”/>
            </apex:pageblockSectionItem>       
            <apex:pageblockSectionItem>               
                <apex:selectList size=”1″ value=”{!state}”>
                    <apex:selectOptions value=”{!states}”/>
                    <apex:actionSupport event=”onchange” reRender=”a”/>
                </apex:selectList>               
            </apex:pageblockSectionItem>
            <apex:pageblockSectionItem>
                <apex:outputLabel value=”City”/>
            </apex:pageblockSectionItem>           
            <apex:pageblockSectionItem>
                <apex:selectList size=”1″ value=”{!city}” id=”a”>
                    <apex:selectOptions value=”{!cities}”/>
                </apex:selectList>
            </apex:pageblockSectionItem>           
        </apex:pageBlockSection>       
    </apex:pageBlock>

    </apex:form>

</apex:page>




Apex Code:


public class sample
{
    public String state {get;set;}
    public String city {get;set;}

    public List<SelectOption> getStates()
    {
        List<SelectOption> options = new List<SelectOption>();
        options.add(new SelectOption(‘None’,’— None —‘));       
        options.add(new SelectOption(‘TN’,’Tamil Nadu’));
        options.add(new SelectOption(‘KL’,’Kerala’));
        return options;
    }
   
    public List<SelectOption> getCities()
    {
        List<SelectOption> options = new List<SelectOption>();
        if(state == ‘TN’)
        {      
            options.add(new SelectOption(‘CHE’,’Chennai’));
            options.add(new SelectOption(‘CBE’,’Coimbatore’));
        }
        else if(state == ‘KL’)
        {      
            options.add(new SelectOption(‘COA’,’Coachin’));
            options.add(new SelectOption(‘MVL’,’Mavelikara’));
        }
        else
        {
            options.add(new SelectOption(‘None’,’— None —‘));
        }     
        return options;
    }      
}


Cheers!!!

Leave a Reply