اظهارpanel اعتماداً على على قيمة من القائمة المنسدلة

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

اريد التحكم بعرضpanel  يحتوى على مكونات  اعتماداً على قيمة من  قائمة منسدلة باستخدام الاجاكس

الذي لاحظه خلال البحث في المواضيع المختلفه على الانترنت.. هو دائماً يتم استخدام زر ليقوم بالتنفيذ او تنفيذ اي امر بااستخدام تقنية الاجاكس


خلاصه الامر كيف لي ان اتحكم بعرضpanel  معين بنائاً على ما تم اختياره من لقائمه...


قرأت هذا موضوع هنا قديم موجود بالمنتدى هنا..

وطبقته ومشى الامر ولكن عندما اردت تطبيقه بصفحة ويب مرتبطه با master page
لم ينفع ذالك


ففكرت الاستعاضه باستخدام الاجاكس واستخدام ال panel
 

كود asp.net

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="SerchTest.aspx.cs" Inherits="pages_SerchTest" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
   
    <form id="form2" runat="server">
 
      <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
            <ContentTemplate>
      
 
  <asp:DropDownList ID="ColorType" runat="server" Height="18px" Width="347px" 
  
         OnSelectedIndexChanged="ColorType_SelectedIndexChanged">
         <asp:ListItem Value="..select..">..select..</asp:ListItem>
        <asp:ListItem Value="Red">Red</asp:ListItem>
        <asp:ListItem Value="Black">Black</asp:ListItem>
        <asp:ListItem Value="Blue">Blue</asp:ListItem>


    </asp:DropDownList>
 
  

     <asp:Panel ID="Panel1" runat="server" Visible =false Width="205px">
        <asp:DropDownList ID="BlueType" runat="server" Height="16px" 
        Width="178px" Visible="False" >
            <asp:ListItem Value="..select..">..select..</asp:ListItem>
            <asp:ListItem Value="Light Blue">Light Blue</asp:ListItem>
            <asp:ListItem Value="Drak Blue">Drak Blue</asp:ListItem>
          
    </asp:DropDownList>

         <asp:TextBox ID="TextBlue" runat="server"></asp:TextBox>
         <asp:CheckBox ID="CheckBoxBle" runat="server" />
         <asp:CheckBox ID="CheckBox1" runat="server" />
         <asp:CheckBox ID="CheckBox2" runat="server" />

 		<asp:RequiredFieldValidator ID="BlueTypeRV" runat="server" ControlToValidate="BlueType"
			ErrorMessage="*" Enabled="False">
		</asp:RequiredFieldValidator>
          
 </asp:Panel>
 
            </ContentTemplate>
        </asp:UpdatePanel>
   

        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
            <ProgressTemplate>
                Wating...
            </ProgressTemplate>
        </asp:UpdateProgress>
  
 
        </form>


</asp:Content>

كود C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class pages_SerchTest : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }



    protected void ColorType_SelectedIndexChanged(object sender, EventArgs e)
    {
 
        System.Threading.Thread.Sleep(500);

        if (ColorType.SelectedValue.Equals("Blue"))
        {
            BlueType.Visible = true;
            ColorType.Enabled = true;
            Panel1.Visible = true;
        }
        else
        {
            BlueType.Visible = false;
            ColorType.Enabled = false;
        }
    }
}