To Display in another DropDown List

Question

Hi
I have one dropdown listing 2 Cities . I want to display in another dropdown list of Schools on the basis of City selected . I have List of Schools in XML file .
City:
Buffalo
Rochester
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "schoollist.xml",
dataType: "xml",
success: function(xml) {
var select = $('#mySelect');
$(xml).find('school').each(function() {
var ctyID = $(this).find('id').text();
var title = $(this).find('value').text();
var scityID = $('#Schools__c').val(); //$('select.foo').val()                           alert(scityID);
if (ctyID == scityID) {
select.append(" " + title + " ");
}
});
}
});           });
XML Files is
Buffalo
ALLEN CREEK SCHOOL
ALLEN CREEK SCHOOL
Rochester
ALLEN CREEK SCHOOL4
ALLEN CREEK SCHOOL4
Thanks

Alex Asi · Answer

Hi,
Here you will find tutorial about filtering via AJAX for Cities List based on Countries List selection using jQuery and Web Service in ASP.NET
http://www.magic-dev.com/ajax-filtering-cities-based-on-countries-selection.htm

Jagjit Saini · Answer

Hi Sudhir
I want to read from XML & then display in Drop-Down
Thanks

Suthish Nair · Answer

There are lots of  Cascading DropDown List with JQuery available.