How to give a alert when we select a value from pick list?"

Question

I have a pick list called System Size(System_Size_SUB_2013__c). When I select an value from pick list I want to give an alert to the user. (Only for a One value, Not all of them). Any idea? Thanks

<apex:inputField value="{!Product_Brief__c.System_Size_SUB_2013__c}" required="true"/>

Answer 1

This might help you

<apex:page standardController="lead">
    <script>
        function popup(){

            alert("Hello\nHow are you?");           

            }

    </script>

    <apex:form >
        <apex:outputField value="{!lead.phone}"/>       
        <apex:inputField onchange="popup();" value="{!lead.status}" />
     </apex:form>
</apex:page>

Answer 2

If you need for specific value than you would need get the id of that value and whenever selected it shall throw the pop up. Refer to following snippet : document.getElementById("{!$Component.xyz}:0"); where "xyz" is id of the the entire picklist component and "0" is the index value.

Answer 3

Try this

<apex:form id="theForm">
    <apex:pageBlock id="thePageBlock">
        <apex:pageBlockSection id="thePageBlockSection">
            <apex:inputField id="myPicklist" value="{!Product_Brief__c.System_Size_SUB_2013__c}" required="true" onchange="myPicklistChanged();"/>
        </apex:pageBlockSection>
    </apex:pageBlock>
</apex:form>

<script>
    function myPicklistChanged()
    {
        var myPicklistElement = document.getElementById('{!$Component.theForm.thePageBlock.thePageBlockSection.myPicklist}');
        var myPicklistValue = myPicklistElement.options[myPicklistElement.selectedIndex].value;

        if (myPicklistValue == '2000L SUB')
        {
            alert('Your Message');
        }

    }