Changes to the data model for including blank districts.
/**
* Chained Selects for jQuery
* Copyright (C) 2008 Ziadin Givan www.CodeAssembly.com
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see http://www.gnu.org/licenses/
*
*
* settings = { usePost : true, before:function() {}, after: function() {}, default: null, parameters : { parameter1 : 'value1', parameter2 : 'value2'} }
* if usePost is true, then the form will use POST to pass the parameters to the target, otherwise will use GET
* "before" function is called before the ajax request and "after" function is called after the ajax request.
* If defaultValue is not null then the specified option will be selected.
* You can specify additional parameters to be sent to the the server in settings.parameters.
*
*/
jQuery.fn.chainSelect = function( target, url, settings )
{
return this.each( function()
{
$(this).change( function( )
{
settings = jQuery.extend(
{
after : null,
before : null,
usePost : false,
defaultValue : null,
parameters : {'_id' : $(this).attr('id'), '_name' : $(this).attr('name')}
} , settings);
settings.parameters._value = $(this).val();
if (settings.before != null)
{
settings.before( target );
}
ajaxCallback = function(data, textStatus)
{
$(target).html("");//clear old options
data = eval(data);//get json array
for (i = 0; i < data.length; i++)//iterate over all options
{
for ( key in data[i] )//get key => value
{
$(target).get(0).add(new Option(data[i][key],[key]), document.all ? i : null);
}
}
if (settings.defaultValue != null)
{
$(target).val(settings.defaultValue);//select default value
} else
{
$("option:first", target).attr( "selected", "selected" );//select first option
}
if (settings.after != null)
{
settings.after(target);
}
$(target).change();//call next chain
};
if (settings.usePost == true)
{
$.post( url, settings.parameters, ajaxCallback );
} else
{
$.get( url, settings.parameters, ajaxCallback );
}
});
});
};