Rerender based on selectList option using Apex in Salesforce

Rerender based on selectList option using Apex in Salesforce

Sample code:

Visualforce page:

<apex:page controller=”sample” id=”mypage”>
    <apex:form >           
       
        <apex:selectList id=”selected_list” value=”{!temp}” required=”false” size=”1″>
            <apex:selectOption itemvalue=”None” itemLabel=”–None–“/>
            <apex:selectOption itemvalue=”a” itemLabel=”a”/>
            <apex:selectOption itemvalue=”b” itemLabel=”b”/>
            <apex:actionSupport event=”onchange” reRender=”Details” action=”{!find}”/>
        </apex:selectList>
        <br/>
        <apex:panelGroup >       
            <apex:outputPanel id=”Details”>           
                The value based on select list value: {!temp1}           
            </apex:outputPanel>
        </apex:panelGroup>
        
    </apex:form>
</apex:page>

Apex controller:

public class sample
{
    public String temp {get; set;}
    public String temp1 {get; set;}

    public sample()
    {

    }
   
    public void find()
    {
        if(temp == ‘a’)
        {
            temp1 = ‘Welcome’;
        }
        else if(temp == ‘b’)
        {
            temp1 = ‘Thank you’;
        }
    }           
}


Output:

Cheers!!!

Leave a Reply