jqueryform.js

 $(function () {

        var hcpForm = $('#hcp_registration');

        if(hcpForm){
            var optional =  $('#hcp_registration .optional');

            var hcpNameBlock = $('#hcp_name');
            var phone2Block  = $('#phone2');
            var companyNameBlock  = $('#company_name');
            var comSpecialtyBlock  = $('#com_specialty');
            var branchIdBlock  = $('#branch_id');
            var addressBlock  = $('#address');
            var specialtyIdBlock  = $('#specialty_id');
            var messageBlock  = $('#message');

            
            var hcpName = $('#hcp_name input[type="text"]');
            var phone2 = $('#phone2 input[type="text"]');
            var companyName = $('#company_name input[type="text"]');
            var comSpecialty = $('#com_specialty input[type="text"]');
            //var branchId = $('#branch_id select');
            var address = $('#address input[type="text"]');
            //var specialtyId = $('#specialty_id select');
            var message = $('#message textarea');

            function clinic(){
               
                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock,
                                    specialtyIdBlock, messageBlock]);
                
                changePlaceHolder([
                [hcpName ,"الاسم التجاري للعيادة (مثل: عيادة الأمل/ عيادة دكتور محمد)"],
                [phone2 ,"رقم الموبايل للحجز (يمكن للجمهور الاتصال به للحجز والتواصل)"],
                [address ,"العنوان (الرقم - الشارع - الحي - المحافظة)"],
                [message ,"نبذة مختصرة (اكتب هنا عن الخدمات التي تقدمها عيادتك)"]
                ]);
                
            }

            function hospital(){
                
                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock,
                                    specialtyIdBlock, messageBlock]);
                
                changePlaceHolder([
                [hcpName ,"اسم المستشفى (مثل: مستشفى الجولف/ مستشفى دكتور محمد)"],
                [phone2 ,"رقم الموبايل للحجز (يمكن للجمهور الاتصال به للحجز والتواصل)"],
                [address ,"العنوان (الرقم - الشارع - الحي - المحافظة)"],
                [message ,"نبذة مختصرة (اكتب هنا عن الخدمات التي تقدمها المستشفى والمميزات وأي معلومات أخرى تحب أن يعرفها الجمهور)"]
                ]);
            }

            function medicalCenter(){

                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock,
                                    specialtyIdBlock, messageBlock]);
                
                changePlaceHolder([
                [hcpName ,"الاسم التجاري للمركز (مثل: مركز الأمل للسمنة/ مركز دكتور محمد)"],
                [phone2 ,"رقم الموبايل للحجز (يمكن للجمهور الاتصال به للحجز والتواصل)"],
                [address ,"العنوان (الرقم - الشارع - الحي - المحافظة)"],
                [message ," نبذة مختصرة (اكتب هنا عن الخدمات التي يقدمها مركزك الطبي والمميزات وأي معلومات أخرى تحب أن يعرفها الجمهور)"]
                ]); 
            }

            function pharmacy(){

                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock,
                                    branchIdBlock, messageBlock]);
                
                changePlaceHolder([
                [hcpName ,"اسم الصيدلية (مثل: صيدلية عابدين/ صيدلية دكتور محمد)"],
                [phone2 ,"رقم الموبايل للطلبات (يمكن للجمهور الاتصال به للطلب والاستفسار)"],
                [address ,"عنوان الفرع الأساسي/الإدارة (الرقم - الشارع - الحي - المحافظة)"],
                [message ,"نبذة مختصرة (اكتب هنا عن الخدمات التي تقدمها الصيدلية والمميزات وأي معلومات أخرى تحب أن يعرفها الجمهور)"]
                ]);   
            }

            function product(){
            
                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock,
                                    companyNameBlock, messageBlock]);
                
                changePlaceHolder([
                [hcpName ,"اسم المنتج (مثل: فارماسيرز/ زيت ميشكا/ أقراص إكسدرين)"],
                [phone2 ,"رقم الموبايل للتواصل (يمكن للجمهور الاتصال به للطلب والاستفسار)"],
                [address ,"عنوان الفرع الأساسي/الإدارة (الرقم - الشارع - الحي - المحافظة)"],
                [message ,"نبذة مختصرة (اكتب هنا عن مميزات المنتج ودواعي استعماله وأي معلومات أخرى تحب أن يعرفها الجمهور)"],
                [companyName ,"اسم الشركة المنتجة/المستوردة (مثل: شركة نور فارما/شركة فايزر)"]
                ]);   
            }
            
            function company() {

                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock,
                                    comSpecialtyBlock, messageBlock]);
            
                changePlaceHolder([
                [hcpName ,"اسم الشركة (مثل: شور فارما أو الدولية لتوزيع الأدوية)"],
                [phone2 ,"رقم الموبايل للتواصل (يمكن للجمهور الاتصال به للطلب والاستفسار)"],
                [address ,"عنوان الفرع الأساسي/الإدارة (الرقم - الشارع - الحي - المحافظة)"],
                [message ,"نبذة مختصرة (اكتب هنا عن الخدمات التي تقدمها شركتك والمميزات وأي معلومات أخرى تحب أن يعرفها الجمهور)"],
                [comSpecialty ,"النشاط الأساسي للشركة (مثل: توزيع الأدوية أو استيراد مستحضرات التجميل)"]
                ]);   
            }
            
            function other() {

                optional.hide();

                showFields([hcpNameBlock, phone2Block, addressBlock, messageBlock]);
            
                changePlaceHolder([
                [hcpName ,"اسم النشاط (مثل: شركة مصر للسياحة العلاجية)"],
                [phone2 ,"رقم الموبايل للتواصل (يمكن للجمهور الاتصال به للطلب والاستفسار)"],
                [address ,"عنوان الفرع الأساسي/الإدارة (الرقم - الشارع - الحي - المحافظة"],
                [message ,"نبذة مختصرة (اكتب هنا أي معلومات تحب أن يعرفها الجمهور عن أنشطتك الطبية)"]
                ]);   
            }


            function showFields(listOfFields){
                listOfFields.forEach(function(field) {
                    field.show();
                });
            }

            function changePlaceHolder(listOfPlaceHolders){
                listOfPlaceHolders.forEach(function(fieldInfo) {
                    fieldInfo[0].attr('placeholder',fieldInfo[1]);
                });
            }
            $('#hcp_type_id select').on('change',function(){
                var selectedId =  $(this).find(":selected").val();
                if(selectedId=="option"){
                    selectedId = 1000000;
                }else if(selectedId=="0"){
                  return false;
                }
                selectedId = parseInt(selectedId);
                console.log(selectedId);
                switch(selectedId) {
                    case 1:
                    clinic();
                        break;
                    case 2:
                    hospital();  
                        break;
                    case 3,7:
                    medicalCenter();
                        break;
                    case 4:
                    pharmacy();
                        break;
                    case 5:
                    product();
                        break;
                    case 6:
                    company();
                        break;
                    case 1000000:
                    other();
                        break;
                    default:
                    clinic();
                }
            }); 
       }  
    });