I'm confused are you saying this doesn't work ? <script language="javascript" src="Jquery.js"></script> <script language="javascript"> function makeSublist(parent,child,isSubselectOptional,childVal) { $("body").append("<select style='display:none' id='"+parent+child+"'></select>"); $('#'+parent+child).html($("#"+child+" option"));
var parentValue = $('#'+parent).attr('value'); $('#'+child).html($("#"+parent+child +" .sub_"+parentValue).clone()); childVal = (typeof childVal == "undefined")? "" : childVal ; $("#"+child+' opti...@value="'+ childVal +'"]').attr('selected','selected'); $('#'+parent).change( function() { var parentValue = $('#'+parent).attr('value'); $('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone()); //if(isSubselectOptional) $('#'+child).prepend("<option value='none'> -- Select -- </option>"); $('#'+child).trigger("change"); $('#'+child).focus(); } ); } $(document).ready(function() { makeSublist('child','grandsun', true, ''); makeSublist('parent','child', false, '1'); }); </script> if so are you getting any errors and are you sure your calling the right copy of jquery as I see it is different than whats in the second half of your post