Comments on: jQuery controlled Dependent (or Cascading) Select List http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/ Exploring PHP, MySql, Javascript, jQuery, Zend Framework and more... from Bangladesh Fri, 21 May 2010 22:36:42 -0700 http://wordpress.org/?v=2.8.4 hourly 1 By: Majo http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-3720 Majo Thu, 21 Jan 2010 15:38:33 +0000 http://www.ajaxray.com/blog/?p=8#comment-3720 Hey Oscar, i have exactly the same problem you have, and i can't find the solution. Everything seems to be alright, but no.... Have you got the solution?? if so, please tell me about it, i'm desperated... or... if anyone could help, i'll appreciate it so much!!! Thanks for the code!!! (Sorry for my poor english) Hey Oscar, i have exactly the same problem you have, and i can’t find the solution. Everything seems to be alright, but no….

Have you got the solution?? if so, please tell me about it, i’m desperated…

or… if anyone could help, i’ll appreciate it so much!!!

Thanks for the code!!!
(Sorry for my poor english)

]]> By: JR Chew http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-3636 JR Chew Tue, 12 Jan 2010 19:33:53 +0000 http://www.ajaxray.com/blog/?p=8#comment-3636 Great post man, saved me! Great post man, saved me!

]]> By: Jovi http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-3612 Jovi Wed, 30 Dec 2009 07:28:17 +0000 http://www.ajaxray.com/blog/?p=8#comment-3612 good! good!

]]> By: Oscar http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-3585 Oscar Fri, 18 Dec 2009 16:56:30 +0000 http://www.ajaxray.com/blog/?p=8#comment-3585 Hi, I used your code and worked great, but I have a single problem that is driving me crazy, I have the select values stored in a database, and when I load the form, I need some values to be selected by default, the parent select works fine, but for some reason the child select dosn't load any values, and when I look at the code the select shows the values it should have, but they just don't show. Can you help me please with something?? tks a lot. here is the code I use <option value="" > RubroSubMaqui(); do{ if ($ConsultaRubroSub[1]['id_sub_rubro'] == $sub_rubro){ $select = " selected"; }else{ $select = ""; } ?> <option class="sub_" value=""> Great Work Hi, I used your code and worked great, but I have a single problem that is driving me crazy, I have the select values stored in a database, and when I load the form, I need some values to be selected by default, the parent select works fine, but for some reason the child select dosn’t load any values, and when I look at the code the select shows the values it should have, but they just don’t show. Can you help me please with something?? tks a lot.

here is the code I use

<option value="” >

RubroSubMaqui();
do{
if ($ConsultaRubroSub[1]['id_sub_rubro'] == $sub_rubro){
$select = ” selected”;
}else{
$select = “”;
}
?>
<option class="sub_” value=”">

Great Work

]]> By: JunReyes http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-2884 JunReyes Fri, 31 Jul 2009 05:34:14 +0000 http://www.ajaxray.com/blog/?p=8#comment-2884 Sorry about the code. I pasted everything but somehow, some of it where lost. Anyway the FORM is below the end of HEAD, is that right? In the last 2 select options I applied the class = "sub_"(to what ever code). And the BODY part is empty? Sorry about the code. I pasted everything but somehow, some of it where lost.

Anyway the FORM is below the end of HEAD, is that right? In the last 2 select options I applied the class = “sub_”(to what ever code).

And the BODY part is empty?

]]> By: Justin http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-2671 Justin Tue, 21 Apr 2009 15:28:22 +0000 http://www.ajaxray.com/blog/?p=8#comment-2671 This was really handy. Thanks. This was really handy. Thanks.

]]> By: العاب http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-2637 العاب Thu, 26 Mar 2009 04:18:58 +0000 http://www.ajaxray.com/blog/?p=8#comment-2637 thank you so much man thank you so much man

]]> By: Jumoke http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-2603 Jumoke Sun, 01 Mar 2009 22:00:46 +0000 http://www.ajaxray.com/blog/?p=8#comment-2603 i dont usually comment, but after reading through so much info i had to say thanks i dont usually comment, but after reading through so much info i had to say thanks

]]> By: Xiaobai http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-2594 Xiaobai Thu, 26 Feb 2009 06:02:11 +0000 http://www.ajaxray.com/blog/?p=8#comment-2594 hi, i'm tryng this function working with two selects and fill the options with php mysql. On FF it function all right. But in IE 7 don't execute the (child).hide(). And i find that the pointer of select is correct on the second select, but all the rest of options appears. do you know why. i'm became krazy. thanks for your work. Xiaobai. hi,
i’m tryng this function working with two selects and fill the options with php mysql. On FF it function all right. But in IE 7 don’t execute the (child).hide(). And i find that the pointer of select is correct on the second select, but all the rest of options appears.

do you know why. i’m became krazy.

thanks for your work. Xiaobai.

]]> By: Pablo http://www.ajaxray.com/blog/2007/07/15/javascript-controlled-dependent-or-cascading-select-list/comment-page-1/#comment-2566 Pablo Tue, 10 Feb 2009 21:25:29 +0000 http://www.ajaxray.com/blog/?p=8#comment-2566 Hi Anis, I ended up altering your old script (since I didn’t know you had updated it and I needed to get it done for a project yesterday), but I was wondering if you could help me tweak it a little bit. I ended up changing it so that I can call the function “onChange” of the parent select list and also “onLoad” of the body/document. But I can’t figure out how to attach the same function to both “onChange” and “onLoad” events. Could you take a look at the code below and point me in the right direction? Any help is greatly appreciated! function RelateDD(parent,child,isSubselectOptional,str,val) { $j("body").append(""); $j('#'+parent+child).html($j("#"+child+" option")); $j('#'+child).html(""+str+""); $j('#'+parent).change( function() { var parentValue = $j('#'+parent).attr('value'); $j('#'+child).html($j("#"+parent+child+" .sub_"+parentValue).clone()); if($j('#'+child).html().indexOf("selected") > -1 && val != "") { $j("#"+child+' option[value="'+val+'"]').attr('selected','selected'); } if(isSubselectOptional) { $j('#'+child).prepend(""+str+""); if(val == "") $j("#"+child+' option[text="'+str+'"]').attr('selected','selected'); } $j('#'+child).focus(); } ); $j(window).load( function() { var parentValue = $j('#'+parent).attr('value'); $j('#'+child).html($j("#"+parent+child+" .sub_"+parentValue).clone()); if($j('#'+child).html().indexOf("selected") > -1 && val != "") { $j("#"+child+' option[value="'+val+'"]').attr('selected','selected'); } if(isSubselectOptional) { $j('#'+child).prepend(""+str+""); if(val == "") $j("#"+child+' option[text="'+str+'"]').attr('selected','selected'); } } ); } $j(document).ready(function() { RelateDD('ls','lc',true,'All','1'); }); Thank you! Hi Anis,

I ended up altering your old script (since I didn’t know you had updated it and I needed to get it done for a project yesterday), but I was wondering if you could help me tweak it a little bit. I ended up changing it so that I can call the function “onChange” of the parent select list and also “onLoad” of the body/document. But I can’t figure out how to attach the same function to both “onChange” and “onLoad” events. Could you take a look at the code below and point me in the right direction? Any help is greatly appreciated!

function RelateDD(parent,child,isSubselectOptional,str,val) {
$j(”body”).append(”");
$j(’#'+parent+child).html($j(”#”+child+” option”));
$j(’#'+child).html(”"+str+”");
$j(’#'+parent).change(
function() {
var parentValue = $j(’#'+parent).attr(’value’);
$j(’#'+child).html($j(”#”+parent+child+” .sub_”+parentValue).clone());
if($j(’#'+child).html().indexOf(”selected”) > -1 && val != “”) {
$j(”#”+child+’ option[value="'+val+'"]‘).attr(’selected’,’selected’);
}
if(isSubselectOptional) {
$j(’#'+child).prepend(”"+str+”");
if(val == “”) $j(”#”+child+’ option’).attr(’selected’,’selected’);
}
$j(’#'+child).focus();
}
);
$j(window).load(
function() {
var parentValue = $j(’#'+parent).attr(’value’);
$j(’#'+child).html($j(”#”+parent+child+” .sub_”+parentValue).clone());
if($j(’#'+child).html().indexOf(”selected”) > -1 && val != “”) {
$j(”#”+child+’ option[value="'+val+'"]‘).attr(’selected’,’selected’);
}
if(isSubselectOptional) {
$j(’#'+child).prepend(”"+str+”");
if(val == “”) $j(”#”+child+’ option’).attr(’selected’,’selected’);
}
}
);
}
$j(document).ready(function() {
RelateDD(’ls’,'lc’,true,’All’,'1′);
});

Thank you!

]]>