/** *    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. * */
(function($$){
jQuery.fn.chainSelect = function( target, url, settings ) 
{
  return this.each( function()
  {
	$$(this).change( function( ) 
	{
		settings = jQuery.extend(
		{
			after : null,
			before : null,
			usePost : true,
			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
			alert(data);
		  data = eval( '(' + data + ')' );//get json array
		//	alert(data+"\n\n"+data.length);
	//	alert(data[0]);	
			for (i = 0; i < data.length; i++)//iterate over all options
			{
			  for ( key in data[i] )//get key => value
			  {	
		//	   alert(data[i][key]+" -- " + [key]);
					$$(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 );
		}
	});
  });
};
})(jQuery);