[ajaxpro] Re: Dropdown list

Tue, 18 Apr 2006 21:57:06 -0700

Hi...
I have done the same like that...here i am filling two dropdownlist based on one dropdown change....
here is the code in _javascript_:
 

// fires on Onload of page and Onchange of Carrier and Country to fill service types and Packages
   // called in active search _javascript_ funcitons and many places to fill user settings
   function LoadCarrierandServiceTypes()
   {
    var servicetype = document.getElementById("<%=CmbServiceType.ClientID%>");
    var packaging = document.getElementById("<%=cmbPackaging.ClientID%>");

    var carrierId = document.Form1.cmbCarrier.options[document.Form1.cmbCarrier.selectedIndex].value;
    var Country = document.Form1.cmbCountry.options[document.Form1.cmbCountry.selectedIndex].value;
       
    var Isinternational;
    if(Country =="US")
      Isinternational = false;    
     else
      Isinternational = true;  
       
    if (carrierId > 0)
    { 
     var companyID = getCookie("ps_company_id");
     var contactID = getCookie("CONTACT_ID");

     //CreateAirbills is defined by Ajax.Net because that's the name of the type we registered
     CreateAirbills.populateServiceTypes(carrierId,companyID,contactID,Isinternational,LoadCarrierandServiceTypes_CallBack);
     CreateAirbills.populatePackagings(carrierId,LoadCarrierandPackaging_CallBack);
    }
    else
    {
     //clear the dropdown
     while (servicetype.options.length > 1) {
      servicetype.options [servicetype.options.length-1] = null;
     }
     while (packaging.options.length > 1) {
      packaging.options[packaging.options.length-1] = null;
     }
    }
   }
   
   //callback we told Ajax.Net to pass the response tos
   function LoadCarrierandServiceTypes_CallBack(response)
   {
    //if the server side code threw an exception
    if (response.error != null)
    {   
     alert(response.error ); //we should probably do better than this
     return;
    }
    else if (response.value == null)
    {
     alert ("debug: LoadCarrierandPackaging_CallBack - response.value is null");
    }
     
    var resserviceTypes = response.value;
    //if the response wasn't what we expected         
    //ServiceTypes dropdown      
     servicetype = document.getElementById("<%=CmbServiceType.ClientID% >");
   
    servicetype.options.length = 0; //reset the Service Types dropdown      
       
    var doc = servicetype.ownerDocument;   // Start to add static text to dropdown
    if (!doc)
     doc = servicetype.document;
    var opt = doc.createElement('OPTION');
    opt.value = "0";
    opt.text = "Select a Service";
    servicetype.options.add(opt, 0);
    //note that this is _javascript_ casing and the L in length is lowercase for arrays
    for (var i = 0; i < resserviceTypes.Rows.length; ++i)
    {
      servicetype.options[servicetype.options.length] = new Option(resserviceTypes.Rows[i].DSS_Name, resserviceTypes.Rows[i].service_type_id);      
    }
      
   }   
   //callback we told Ajax.Net to pass the response tos
   function LoadCarrierandPackaging_CallBack(response)
   {
    //if the server side code threw an exception
    if (response.error != null)
    {   
     alert(response.error); //we should probably do better than this
     return;
    }
    else if (response.value == null)
    {
     alert ("debug: LoadCarrierandPackaging_CallBack - response.value is null");
    }
    var resPackaging = response.value;
    
   // Packaging Dropdown
    packaging = document.getElementById("<%=cmbPackaging.ClientID%>");  
         
    packaging.options.length = 0; //reset the Packaging dropdown
    
    var doc = packaging.ownerDocument;   // Start to add static text to dropdown
    if (!doc)
     doc = packaging.document;
    var opt = doc.createElement('OPTION');
    opt.value = "0";
    opt.text = "Select Packaging";
    packaging.options.add(opt, 0);  //end to add static text to dropdown
     
    //note that this is _javascript_ casing and the L in length is lowercase for arrays
    for (var i = 0; i < resPackaging.Rows.length; ++i)
    {
      packaging.options[packaging.options.length] = new Option(resPackaging.Rows[i].packaging_description, resPackaging.Rows[i].id);      
    }    
   }   

  

 

 


On 4/18/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> Hi all,
>
> I'm a Newbie and I have a basic question.
>
> I have 2 dropdown the first with countries and the second with
> departments when i change the first I would like to have the related
> departments.
>
> It works fine when I return System.Web.UI.HtmlControls.HtmlSelect from
> VB function and
> innerHtml in _javascript_. BUT I don't want to use innerHtml I would have
> preferred  to retrieve a Dataset or Array and add it in the _javascript_
> to a real <option select id= ???> in my HTML page looping through the
> object (Dataset or Array).
>
> All welcome
>
> Thx in advance
>
> Attilio
> Belgium
>
>
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ajax.NET Professional" group.

To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]

For more options, visit this group at http://groups.google.com/group/ajaxpro

The latest downloads of Ajax.NET Professional can be found at http://www.ajaxpro.info
-~----------~----~----~----~------~----~------~--~---

Reply via email to