السلام عليكم ورحمة الله وبركاته
وددت ان اتعلم طريقة تغير الخيارات
ما اقصده هو
اعمل فورم فيها مثلا option عن الدولة
عندما يختار المستخدم الدولة يظهر تحته option آخر ويظهر فيها خيارات اخرى كمناطق هذه الدولة مثلا
مثلا اختار دولة السعودية
تحته يظهر خانة خيارات
بمناطق السعودية
وعندما يختار الأردن
تحته يظهر خانة خيارات
بمناطق الأردن
وهكذا ..
من لديه فكرة لايبخل علينا ..
شكرا لكم
السلام عليكم
راجع الرابط التالي
لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق
لا إله إلا أنت سبحانك إني كنت من الظالمين
ahmedsaoud31 كتب:السلام عليكم
راجع الرابط التالي
شكرا لك .. اتوقع انني لم اصل إلى هذه المرحلة بعد ..
وجدتها معقدة إلى حد ما
جزيت خيرا
السلام عليكم
لا عليك إعتمد على لغة javaScript أفضل بعد تمرير البيانات من لغة الخادم للغة javaScript, تم إستخدام مكتبة jQuery في الكود .
المثال كالتالي :
<!DOCTYPE html><html dir="rtl"><head> <meta charset="utf-8" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <title>change options</title></head><body><style> body{ text-align:center; } div{ margin:auto; } div select{ min-width: 300px; font-family: tahoma; }</style><script> $(function(){ var html = ''; var defaultCuntry = ''; var count = 0; var data = { "مصر":[ "القاهرة","الإسكندرية","مرسى مطروح","الأقصر" ], "السعودية":[ "مكة","المدينة","الرياض","جدة" ], "سوريا": [ "حلب","دمشق","الأنبار","الجولان" ] }; for(var i in data){ if(count == 0){ defaultCuntry = i; } count++; html += '<option value="'+i+'">'+i+'</option>'; } $('#country').html(html); html = ''; for(var i=0;i<data[defaultCuntry].length;i++){ html += '<option value="'+data[defaultCuntry]+'">'+data[defaultCuntry]+'</option>'; } $('#city').html(html); $('#country').change(function(){ html = ''; var country = $(this).val(); for(var i=0;i<data[country].length;i++){ html += '<option value="'+data[country]+'">'+data[country]+'</option>'; } $('#city').html(html); }); });</script><div> <div> <select id="country"> <!-- ............................. --> </select> </div> <div> <select id="city"> <!-- ............................. --> </select> </div></div></body></html>لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق
لا إله إلا أنت سبحانك إني كنت من الظالمين
ahmedsaoud31 كتب:
السلام عليكم
لا عليك إعتمد على لغة javaScript أفضل بعد تمرير البيانات من لغة الخادم للغة javaScript, تم إستخدام مكتبة jQuery في الكود .
المثال كالتالي :
<!DOCTYPE html><html dir="rtl"><head> <meta charset="utf-8" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <title>change options</title></head><body><style> body{ text-align:center; } div{ margin:auto; } div select{ min-width: 300px; font-family: tahoma; }</style><script> $(function(){ var html = ''; var defaultCuntry = ''; var count = 0; var data = { "مصر":[ "القاهرة","الإسكندرية","مرسى مطروح","الأقصر" ], "السعودية":[ "مكة","المدينة","الرياض","جدة" ], "سوريا": [ "حلب","دمشق","الأنبار","الجولان" ] }; for(var i in data){ if(count == 0){ defaultCuntry = i; } count++; html += '<option value="'+i+'">'+i+'</option>'; } $('#country').html(html); html = ''; for(var i=0;i<data[defaultCuntry].length;i++){ html += '<option value="'+data[defaultCuntry]+'">'+data[defaultCuntry]+'</option>'; } $('#city').html(html); $('#country').change(function(){ html = ''; var country = $(this).val(); for(var i=0;i<data[country].length;i++){ html += '<option value="'+data[country]+'">'+data[country]+'</option>'; } $('#city').html(html); }); });</script><div> <div> <select id="country"> <!-- ............................. --> </select> </div> <div> <select id="city"> <!-- ............................. --> </select> </div></div></body></html>
لك جل تقديري واحترامي ..
اجزل لك ربي خير الجزاء
انتفعتُ بما شرحت
سلمت ..
المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية
جارٍ التحقق من المتواجدين…
