لینکی که دوستمون گذاشتن جالب بود (http://joomlab.ir/online-order.html) با انتخاب اسم استان، در فیلد select پایینی، شهرستان های همون استان لیست میشن.
در این آموزش ، قصد دارم ساختن همچین فرمی رو در RSForm Pro آموزش بدم.
لطفا دقت کنید که اولا RSForm من نسخه اصلی و انگلیسی هست. بنابراین تمام اسامی انگلیسی خواهند بود. دوم اینکه به مثال خیلی دقت کنید ، چون در اسکریپتی که گذاشتم باید نام و مشخصات فیلدهای خودتون رو جایگزین کنید.
قدم اول: ساخت فیلدهای dropdown
کامپوننت رو باز کنید و یه فرم جدید ایجاد کنید. روی فیلد DropDown در ستون سمت راست کلیک کنید تا فیلد والد (parent) رو (در اینجا استان ) بسازیم. مشابه شکل زیر:
حالا یه Drop Down دیگه ایجاد کنید برای شهر ،مثل شکل زیر (به اسمش دقت کنید:city- حروف کوچیک و بزرگ اینجا اهمیت داره)
در قدم بعدی، اسکریپت زیر رو در بخش CSS and Javascript فرمتون در قسمت Javascript وارد کنید:
<script type="text/javascript">
function dynamic1(parent,child){
var parent_array = new Array();
parent_array[''] = ['استان را انتخاب کنید'];
parent_array['تهران'] = ['دماوند','فیروزکوه'];
parent_array['فارس'] = ['شیراز','جهرم','فارس'];
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>
و در مرحله آخر، تابع زیر رو در بخش Additional Attributes فیلد اولمون یعنی استان ،اضافه کنید. (اینجا همونجاییه که اسم فیلد اول دوم رو توش میدیم، به بزرگی و کوچیکی حروف هم حساسه)
onchange="dynamic1(this,'city');"
:128fs318181: