الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

لو اتكرمتم انشاء قائمة بناء على قائمة

بدأه the black knight في 21 يونيو 2009 · 4 رد · 728 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بســم الله الـرحمــن الرحيــم

السلام عليكــم ورحمـة الله وبركاتــه ،،

انا احاول عمل قائمة تظهر تلقائيا ومن غير عمل تحديث للصفحة مثلا

عندك انشاء حساب في الهوتميل عندما تختار الدولة تظهر لك المدن الموجودة في الدولة المعينة وشكرا لكم

الصفحة التى اعمل عليها بلغة jsp and mySQL

#2

عندى فكرة ولكن نظرا لضيق الوقت ساجربها لاحقا وهى

ان نضع كل قائمة داخل <div>

ونخفى الكل بالجافا سكريبت او بالجى كويرى مثلا

ونعطى امر بالجافا سكريبت عند الاختيار من القائمة الاولى قائمة البلدان مثلا مصر يتم ظهور قائمة مدن مصر

  <select name="country" id="country">
	<option value="مصر">مصر</option>
	<option value="تونس">تونس</option>
	<option value="السعودية">السعودية</option>
  </select>

يتم اخفاء التالى

<div id="subCountry">
  <select name="egypt1" id="egypt1">
	<option value="القاهرة">القاهرة</option>
	<option value="اسوان">اسوان</option>
	<option value="بورسعيد">بورسعيد</option>
  </select>
  </div>

<div id="subCountry">
  <select name="tunis1" id="tunis1">
	<option value="تونس">تونس</option>
	<option value="سوسه">سوسه</option>
	<option value="بنزرت">بنزرت</option>
  </select>
  </div>

<div id="subCountry">
  <select name="ksa" id="ksa">
	<option value="مكة">مكة</option>
	<option value="المدينة">المدينة</option>
	<option value="الرياض">الرياض</option>
  </select>
  </div>
#3

السلام عليكــم ورحمـة الله وبركاتــه ،، اخوي الفيل الطائر

هذه الطريقة انا جربتها ولن تعمل عن طريق الجي كيوري

لكن انا وجدت الحل والحمد الله والحل هو عن طريق ال jQuery and ajax

الكود

$(document).ready(function(){

$("#deptlabel").hide();\\ هنا امر اخفاء القائمة

$("#college").change(function(){\\ اذا حصل اي اختيار من القائمة الرئيسية نفذ هذا الامر

$.get('content.jsp',{cid:$(this).val()},function(data){\\ جلب البيانات بتقنية اجاكس عن طريق الجي كيوري

ar = data.split(',');

var st="";

for ( i=0;i<ar.length;i++){

x=ar.split(';');

st +="<option value="+x[0]+">"+ x[1] +"</option>";

}

$('#dept').html(st);

});

$("#deptlabel").show();\\ اطهار القائمة

});

});

وشكرا على الرد

انا وجدت الحل وحبيت اني اشاركه مع الجميع

شكراً لك اخي الكريم

#4

ممكن عملها بسهولة بواسطة الاياكس خاصة ان بيانات تجلب من قاعدة البيانات حسب اعتقادي مثلا ( الطريقة بشكل عام ) :

<select name="egypt1" id="egypt1" onchange="callAjax(this.id,'div2')">
	<option value="القاهرة">القاهرة</option>
	<option value="اسوان">اسوان</option>
	<option value="بورسعيد >" بورسعيد</option>
  </select>
  <div id="div2">

  </div>
 <script type="text/javascript">
   function callAjax(id,dest)
   {
	...
	..
	.
   }

 </script>

في صفحة الاياكس المكتوبة في اي لغة تشاء تقوم الصفة بانشاء كود القائمة الثانية

وهكذا

#5

نعم اخوي احمد انا في الكود الي وضعته

مستخدم تقنية الاجاكس بواسطه جي كيوري

تنادي الاجاكس عن طريق الداله $get

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…