زمان کنونی: ۸-۲-۱۴۰۳, ۰۳:۵۹ عصر درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 7 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
ويژه آموزش های کاربردی و کامل کامپوننت فرم ساز آر اس فرم RsForm
۲۰-۵-۱۳۹۱, ۰۲:۱۹ صبح
ارسال: #3
آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
سلام به همه دوستان
راستش من در پاسخ یکی از دوستان به این سوال که "چطور میشه دو تا دراپ داون تو rsform ایجاد کرد، مثلا دراپ داون اول استان باشه و دراپ داون دوم شهرستان های هر استان. و با انتخاب هر استان شهرستان های مربوطش توی دراپ داون دوم بیاد" در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
آموزشش رو دادم ولی چون دیدم خیلی از دوستان بهش نیاز دارم به صورت یه تاپیک جدا هم به عنوان آموزش این رو قرار میدم.

این آموزش برای انتخاب برند اتومبیل و زیر مجموعه های اون هست/

----------------------------------------------------
و اما آموزش
----------------------------------------------------

باید ابتدا در سربرگ CSS and Javascript قسمت پایین که برای قرار گیری کدهای جاوا هست کدی مثل این کد رو قرار بدین
<script type="text/javascript">

function 
dynamic1(parent,child){

    var 
parent_array = new Array();

    
parent_array[''] = ['Please select a manufacturer'];

    
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6'];

    
parent_array['Dacia'] = ['Sandero','Logan'];

    
parent_array['FIAT'] = ['Bravo','Punto','Grande Punto'];

    
parent_array['Peugeot'] = ['207','308','407','607'];

    
parent_array['SEAT'] = ['Ibiza','New Ibiza','Leon'];

    
parent_array['Skoda'] = ['Fabia','Octavia Tour','Octavia 2','Superb'];

    var 
thechild document.getElementById(child);

    
thechild.options.length 0;

    var 
parent_value parent.options[parent.selectedIndex].value;

    if (!
parent_array[parent_value]) parent_value '';

    
thechild.options.length parent_array[parent_value].length;

    for(var 
i=0;i<parent_array[parent_value].length;i++){

        
thechild.options[i].text parent_array[parent_value][i];

        
thechild.options[i].value parent_array[parent_value][i];} }

</script> 

این دو مورد زیر رو از کد بالا توضیح میدم
    parent_array[''] = ['Please select a manufacturer'];

    
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6']; 

-------------------------
کد زیر
parent_array[''] = ['Please select a manufacturer']; 
برای درج کلمه مورد نظر شما برای انتخاب کابر هست مثلا "لطفا یکی از گزینه ها را انتخاب کنید"

کد زیر
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6']; 
برای درج گزینه های کشویی دوم هست.
مثلا شما میخواین با انتخاب نام اتومبیل "Audi" در دراپ داون اول گزینه های A3 و A4 و A5 و ... در دراپ داون دوم به کاربر نمایش داده بشه.
شما باید مطابق گزینه هاتون این کدها رو ویرایش و کم و زیاد کنید.

--------------------------
بعد دراپ داون اول(یاهمون لیست کشویی) رو با آیتم های مورد نیازتون به صورت زیر و با مثال کد بالا و نام دلخواهتون میسازید.
|Please select a manufacturer
Audi
Dacia
FIAT
Peugeot
SEAT
Skoda 

توی همین لیست کشویی در قسمت خواص اضافه کد زیر رو وارد میکنید.
onchange="dynamic1(this,'CarModel');" 

دقت کنید که CarModel توی کد بالا باید همون نام لیست کشویی دومتون باشه.
و لیست کشویی رو ذخیره کنید.


حالا دراپ داون یا همون لیست کشویی دوم رو بانامی که در کد قبلی گفتم ایجاد کنید و فقط در قسمت آیتم ها گزینه زیر رو وارد کنید.
|Please select a model 
و لیست رو ذخیره کنید.

حالا دیگه میشه اون چیزی که شما میخواستین.

----------------------------------------------------
پایان آموزش
----------------------------------------------------

نمونه انجام شده همین فرم رو پیوست کردم.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


موفق و پیروز باشید.


فایل‌(های) پیوست شده
dynamic-drop-down-example.zip
نوع فایل .zip
دفعات دانلود 714
اندازه 1.76 کیلوبایت

امضاء امید
امام جواد (ع):

الْمُؤمِنُ يَحْتاجُ إلى ثَلاثِ خِصالٍ: تَوْفيقٍ مِنَ اللّهِ عَزَّوَجَلَّ، وَ واعِظٍ مِنْ نَفْسِهِ، وَ قَبُولٍ مِمَّنْ يَنْصَحُهُ

مؤمن در هر حال نيازمند به سه خصلت است:
واعظى از درون خود، توفيق از طرف خداوند متعال، قبول و پذيرش نصيحت كسى كه او را نصيحت نمايد.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط محمدسلیمانی ، Reza Ganji ، محمدرضا بهارلو ، MARKO ، ali_gh8 ، صدرا حسابی ، iman iman ، boshaq ، mal2moh ، etanha ، keran4i2 ، farhady ، erisco ، sadeghi ، arash_bhn ، aminafz ، aslani606 ، hesam_bdl
ارسال پاسخ 


پیام‌های داخل این موضوع
آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - امید - ۲۰-۵-۱۳۹۱ ۰۲:۱۹ صبح
صفحه ارجاع دهنده - محمدسلیمانی - ۲۲-۷-۱۳۹۲, ۰۵:۴۶ صبح
اجباری شدن فیلد دراپ دان - mohi - ۱۵-۲-۱۳۹۳, ۰۹:۵۷ عصر

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 3 مهمان