قائمة تظهر بعد اﻷختيار من القائمة السابقة

أخي أنصحك تقرأ بتقنية جيكويري عن 

[ltr]

<script type="text/javascript" src="js/jquery.js">

$(function(){

$('.some').change(function(){

هنا تخبره ماذا يفعل

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

});

});

</script>

[/ltr]

ياليت تعطيني أخي مثال

بحثت في الجيركوي ما حصلت شرح

طيب أخي تكرم عينك رح ساعدك على هوا خبرتي وأتمنى يساعدوني المشرفين لكن هل توضح لي الفكرة بشكل أكبر 
هل شاهدت الفكرة داخل أي موقع أرجو إفادتي بالرابط لكي أتمكن من فهم الفكرة ومساعدتك 
 

يعني مثلاً أخوي تقصد أنه في مثل هذا الموقع  من تصميم لكن غير مكتمل 

http://ssp.6te.net/aads/

في القائمة الجانبية اختر مكان بحثك 

فيها قائمة إختر مكان بحثك عند تحديد البلد فيها تقوم بجلب المدن بشكل تلقائي 
هل الفكرة شبيهة ؟

أيوه أخي الفكره تقريبا مثل هذي ....

أوضح لك الصورة أكثر ... أنا ابي اصمم صفحة لطلبات مطعم

بالعادة تكون قائمة الطعام مصنفة إلى مقبلات ومعجنات وسندوشات واطباق ومشروبات

ممكن يجي واحد على قسم المقبلات ويختار حمص من القائمة ... اريد مجرد أن يختار حمص تطلع قائمة جديدة مخفية

علشان لو حب يطلب ورق عنب أو بابا غنوج وإذا اختار تطلع قائمة جديدة وهكذا

يعني القائمة تتكرر أكثر من مره ... مثال الصورة اللي تحت :P

أخي إما عليك كتابة الكود يدوياً أو أنك ستحتاج أمر متقدم بالجيكويري وقواعد البيانات 

إليك مثال بسيط يدوي أعتقد أنك ستتمكن من إدخاله بشكل بسيط 

إليك الشرح

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="masri" />

	<title>الطلبات</title>
</head>

من هنا نبدأ

<link rel="stylesheet" href="temp/temp.css" type="text/css" /> 
<!-- تضمين ملف الإستايل --!>
<script type="text/javascript" src="js/jquery.js"></script>
<!-- تضمين الجي كويري تأكد من مكان الملف أدخله بشكل دقيق مكان js/jquery.js --!>
<script type="text/javascript">
$(function(){
    $('#ve').hide();
    $('#oth').hide();
    
<!-- هنا طلبنا من الملف إخفاء قائمة المشروبات والخضراوات بحسب الأيدي
يمكنك وضع قوائم على العدد الذي ترغب به إذا كان يدوياً أما إذا كان من قواعد البيانات فذلك أمر معقد بعض الشيئ
مثلاً أخفي الأيدي oth إنظر بالأسغل إلى السيليكت الذي يحمل الأيدي oth إنه مخفي لكن بتطبيق الكود الأسفل سيظهر
تابع الشرح
  --!>
    

$('#mok').change(function(){
    $('#ve').show();
  }); 
هنا أخبرناه أنه عند الضغط على الأيدي mok إختصار إلى مقبلات  إعرض الأيدي ve أي الخضراوات 
 
  $('#ve').change(function(){
    $('#oth').show();
  });  
  
وهنا عند الضغط على الأيدي خضراوات أو تغير الفالوي أو القيمة أظهرلي الأيدي oth أي المشروبات 
وهذا كل شيئ يمكنك إضافة أي شيئ تريده أيضاً 
لكن عليك إخفاءه أولاً ومن ثم إظهاره عند الضغط على شيئ معين 
});
</script>

<table width="100%" dir="rtl" align="center">
<tr>
<td width="50%" dir="rtl" align="center" valign="top">
<select id="mok">
<option >قائمة المقبلات </option>
<option value="1">حمص</option>
<option value="2">فول </option>
<option value="3">فتة</option>
</select>
</td>
</tr>

<tr>
<td width="50%" dir="rtl" align="center" valign="top">
<select id="ve">
<option >الخضراوات </option>
<option value="1">بابا غنوج</option>
<option value="2">ورق عنب </option>
</select>
</td>
</tr>
<tr>
<td width="50%" dir="rtl" align="center" valign="top">
<select id="oth">
<option >المشروبات  </option>
<option value="1">بيبسي</option>
<option value="2">كوكتيل  </option>
</select>
</td>
</tr>
</table>
</html>