Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
ankur khattriankur khattri 

picklist disable

i have 10 picklist and they have same value.i want that if one value is selected from the first picklist then it should get disable from other picklists.
ankur khattriankur khattri
controller

public with sharing class ControllerPick
{
    public string ControllerPick{get; set;}
    public SelectOption__c so{get; set;}
    public boolean flag{get; set;}
    
    public void ControllerPick()
    {
        so = new SelectOption__c();
        flag = true;
        so = [select Ank__c,Ank1__c,Ank2__c,Ank3__c,Ank4__c,Ank5__c,Ank6__c,Ank7__c,Ank8__c,Ank9__c from SelectOption__c];
    }    
    
    public SelectOption__c getso()
    {
        return so;
    }
    
     public void hideSectionOnChange()
    {
        if(so.Ank__c == 'Yes')
            flag = false;
        if(so.Ank__c     == 'No')
            flag = true;
    }
    
}

VF page

<apex:page controller="ControllerPick" sidebar="false">

    <html>
        <select>
            <option value="{!so.Ank__c}"></option>
            <option value="{!so.Ank1__c}"></option>
            <option value="{!so.Ank2__c}"></option>
            <option value="{!so.Ank3__c}"></option>
            <option value="{!so.Ank4__c}"></option>
            <option value="{!so.Ank5__c}"></option>
            <option value="{!so.Ank6__c}"></option>
            <option value="{!so.Ank7__c}"></option>
            <option value="{!so.Ank8__c}"></option>
            <option value="{!so.Ank9__c}"></option>
        </select>    
    </html>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        $(document).on('change','.first',function(){
          console.log($('.second'));
        $('.second').prop('disabled','disabled');
        });
    </script>
    
    <apex:form >   
        <apex:sectionHeader title="PickList Value Selection"/>
            <apex:PageBlock >
                <apex:pageBlockSection collapsible="false" columns="2">
                    <apex:inputField value="{!so.Ank__c}" styleClass="first"/>
                    <apex:inputField value="{!so.Ank1__c}" styleClass="second"/>
                    <apex:inputField value="{!so.Ank2__c}" styleClass="third"/>
                    <apex:inputField value="{!so.Ank3__c}" styleClass="fourth"/>
                    <apex:inputField value="{!so.Ank4__c}" styleClass="fifth"/>
                    <apex:inputField value="{!so.Ank5__c}" styleClass="sixth"/>
                    <apex:inputField value="{!so.Ank6__c}" styleClass="seventh"/>
                    <apex:inputField value="{!so.Ank7__c}" styleClass="eighth"/>
                    <apex:inputField value="{!so.Ank8__c}" styleClass="ninth"/>
                    <apex:inputField value="{!so.Ank9__c}" styleClass="tenth"/>
                </apex:pageBlockSection>
            </apex:PageBlock>    
    </apex:form>
</apex:page>
ankur khattriankur khattri
picklist value :- opt1,opt2,opt3 and so on........