[Solved] Child Combo box is not refreshing on parent combo box change

[Narayanarao]


 Hi Team,

  Below is the code snippent for which I am getting for a scenario.

function getStates() {

         

       $.ajax({         

           url: "@Url.Action("GetSelectedCountryStates", "PartnerManagement")",         

           data: {countryID: $("#CountiresComboBox").val()},         

           dataType: "json",         

           type: "POST",         

           error: function() {             

               alert("An error occurred.");         

           },         

           success: function(data) {             

               var combobox = $('#StatesOrProvincesComboBox').data('tComboBox');

               combobox.close();

               combobox.dataBind(data);

               combobox.value("0");

               combobox.open();

           }     

       }); 

   }

  In almost all the scenarios my code is working fine but when I type in child combobox to filter states 
and again if I change the country then child comobo box is filling with the new values but still having
the old value selected in it.

  ex: selected country -- United States with State -- Colorado( filtered through typing in state combobox)
      then changed country -- India then state combobox is refreshing with Indian state but still showing
      Colorado in it.



   It is giving me the javascript error " 'Text' is null or not an object"

[Daniel]

Hi Narayanarao,

The code you send looks correct. Also, the ComboBox should clear all previous data when the dataBind method is used. Could you send a sample project which reproduces this behaviour, so I can examine your exact scenario?

Kind regards,
Daniel
the Telerik team