Codeassembly - Simple chained combobox plugin for jQuery http://www.codeassembly.com/feed/comments/41 CodeAssembly - Simplicity is prerequisite for reliability - Comments en-us contact@codeassembly.com contact@codeassembly.com RSS Feed Generator Conrad Hey man - this was just what i was looking for. If you can guide me on how to do one more tweak to it, it would be perfect. How can I get two fields to not display (or display disabled) till the first choice activates the second choice. Likewise, second choice activates the final. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#397 2011-12-19 12:24:27 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#397 Conrad Hey man - this was just what i was looking for. If you can guide me on how to do one more tweak to it, it would be perfect. How can I get two fields to not display (or display disabled) till the first choice activates the second choice. Likewise, second choice activates the final. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#396 2011-12-19 13:34:22 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#396 Czeslav Hello, I'm trying to modify the script so i can generate any number of comboboxes, as data will be loaded from MySQL database. Will something like this work?? jQuery.fn.chainSelect = function( target, url, settings ) { return this.each( function() { $(this).change( function( ) { settings = jQuery.extend( { after : function(){ $("#loading").css("display","block"); //$(target).css("display","inline"); addComboBox(target,target,"comboBoxSpan"); //recursive call $("#"+target).chainSelect($_GET['_value'],url); }, before : function(){ $("#loading").css("display","none"); }, [...] Thx for help http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#392 2011-11-25 07:58:58 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#392 komal i want to redirect my page according to selection values of the combobox. that means that i hav dynamically binded combobox which has all the necessary site names. now i want that whenever i select particular site name, that particular site page should be displayed that means that my page should be redircted according to the selection values of the combobox. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#389 2011-11-07 00:17:34 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#389 Josef Hi, how can I print the arrays from a mysql database in this script? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#364 2011-01-14 03:27:57 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#364 OpenBSD Hi, Your Plugin And code worked fine But i have 2 question!! 1- how to add option value (value="" or class or id etc) for send data form. ( state / city )?? Example : sign in form. 2- your php example code is 4 country and worked for 1 country!(usa / nweyork ... / ... ) can you tell me how to worked for other country. please php code . Thanks. Best regards. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#354 2010-12-13 13:22:27 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#354 pj Hi, could you please help me using this functions with variables instead of selectors' id? i have diffrent amount of selects generating by a sciprt. their ids are: country_1 country_2 etc. when i'm trying to use it this way: $("#country_"+ i +"").chainSelect("#city_"+ i "",'wybierzpole.php'); where var i is an incrementing index of select boxes. doesn't work. could you please help me to work it out? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#344 2010-09-18 09:33:20 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#344 lanner Hi How to use this with a sql table ? Thanks http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#343 2010-09-14 10:31:50 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#343 Stieven Hi, Now the second and third combobox are loaded hardcoded like this: $array[] = array('1' => 'New York'); $array[] = array('2' => 'Montana'); $array[] = array('3' => 'Texas'); Now I need to load the second combobox, I only use two of them, with data from the database. When I put my db logic in there the loading box is displayed but nothing happens. Can anyone help me? Below the code I use now in combobox.php: ?php require_once(".\classes\db\db.class.php"); $array = array(); if ($_GET['_name'] == 'category') { if ( !empty($_GET['_value'])) { $db = new DB(timetracker, localhost, timetracker, timetracker); $result1= $db->query("SELECT id,description FROM subcategory", true); while( $row=mysql_fetch_assoc($result1) ) { $array[] = '$row['id']'; } mysql_free_result( $result1 ); //$array[] = array('0' => 'dsfsdfsdfsdf'); } else { $array[] = array('0' => 'No state'); } } echo json_encode( $array ); ?> Thx, it's the first time I try this :) Grts, Stieven http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#338 2010-08-23 17:08:02 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#338 Raymond Great script! One question though, what code would I use to echo a URL under each drop down menu. So for instance, a user selects "USA" and under that drop down a text link appears? Thanks so much! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#317 2009-08-20 08:17:58 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#317 Kamil @Nix: Just change the path (/examples/jquerycombo/combobox.php) in test.html lines 11 and 24 to correspond to your directory structure. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#310 2010-02-21 09:41:42 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#310 Jorge Mario Valencia first of all i wanna thank's for this great easy to use plugin, thank's a lot, want to comment too that i've made some changes to it in order to acomplish some requirements i need, let it get back to its deafault state when the user selects a default text i.e choose one country and a setting option that let set this default text, hope this interst you, and want to know how could i upload this version to let you check it out and decide if it could be use as a official version, thank's again. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#304 2010-04-13 10:45:56 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#304 Jorge Mario Valencia first of all i wanna thank's for this great easy to use plugin, thank's a lot, want to comment too that i've made some changes to it in order to acomplish some requirements i need, let it get back to its deafault state when the user selects a default text i.e choose one country and a setting option that let set this default text, hope this interst you, and want to know how could i upload this version to let you check it out and decide if it could be use as a official version, thank's again. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#303 2010-04-13 10:11:14 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#303 Amine Very usefull tutorial ... I got it to work with mysql and everything. But I'm stuck now when I try to post the form : I kept only two select boxes : country and state I took off the code related to the 3rd select the refresh works perfect with the two selects ... but after filling the rest of the form and submitting it ... I end up with the page combobox.php ... and error due to the fact there was no get value. Notice: Undefined index: _name in D:\wamp\www\aminelab\combobox.php on line 8 [{"1":"Data 1"},{"2":"Data 2"},{"3":"Data 3"}] http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#298 2010-03-28 16:56:15 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#298 Kamil @Nix: Just change the path (/examples/jquerycombo/combobox.php) in test.html lines 11 and 24 to correspond to your directory structure. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#292 2010-02-21 07:48:37 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#292 Sheldon Fails in IE8 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#291 2010-02-19 23:24:02 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#291 Geda Hi, No! Its not working in IE8 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#288 2010-02-12 18:47:35 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#288 Nix Hi I am not even a coder; I just started to learn. Your online demo is exciting. But downloaded files seems not working; some of the other guys also commented the same (Akis, bharanikumar), but no one replied a solution. Is it like not for beginners...? Thanks in advance http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#285 2010-01-29 04:30:03 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#285 John Thanks for this great script, but howto get this to work with content of a mysql database? all three dropdowns i mean. Could someone please help me on this? http://www.mijnbazaar.nl http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#283 2010-01-11 09:20:20 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#283 Doli Anggia Harahap Very great Plugin. I have been used this for some of my tasks. But today i faced problem. I need to do multiple select. Is it possible? I have try to put something like this:

4. Dip (next...)

5. Fault

I put multiple in DIPSELECT. And in javascript: $('#dipSelect').chainSelect('#faultSelect','modules/tab_content/index_controller.php', { usePost : true, after:function (target) { $(target).css("display","inline"); } }); I use POST to get array from the DIPSELECT. and in serverside: $dip = $_POST['_value']; My Question, i don't get any ARRAY value for $dip even i select more than one in DIPSELECT. How can we do this multiple by using this plugin?? Thanks and very great works!!! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#282 2010-01-10 10:42:56 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#282 Charles Hello All, Great plugin - I got it working in very short order. The only thing that hung me up was what to query in my PHP script that returned the JSON array. For those in the same boat: your script will work with two variables passed: "_name" - the ID (not class) of the field that was changed, and "_value" the value of the option that was selected. Since my PHP page will only serve requests for a specific field I did not use "_name". Now I have a question. I am a newbie to jQuery and Javascript so pardon what may be a stupid question: how can I assign a class to the options returned from the JSON array? Thanks, Charles http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#280 2010-01-07 11:05:55 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#280 Dragos hello. i'm using this script i find useful, but i have two form in same page, with same class and i want both to change, i don't know javascript and jquery, but i think its useful someting like each function. Can you help me please? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#270 2009-11-06 13:45:07 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#270 Spikezz Here's a simple way to fix browser display problems with html entities. For example if you are indenting the combo box options with   characters, we need to have the browser re-evaluate the html inside the options. Change the jQuery.fn.chainSelect function in jquery.chainedSelects.js as follows: var new_html = ''; 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); new_html += ''; } } $(target).html(new_html); http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#265 2009-09-15 16:39:17 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#265 Raymond Great script! One question though, what code would I use to echo a URL under each drop down menu. So for instance, a user selects "USA" and under that drop down a text link appears? Thanks so much! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#261 2009-08-19 15:36:30 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#261 Picas I replace $array[] = array('1' => 'Data 1'); with $link = mysqli_connect ('localhost', 'root', 'picas', 'db_biodataalumni'); $queryjk =("select * from m_fakultas"); $resultjk = mysqli_query($link,$queryjk) or die (mysqli_error()); while($row=mysqli_fetch_array($resultjk)){ $array[] = array("$row[idfakultas]" => $row[fakultas]); } to be a dinamic combobox from db, but how to pass the value to next combobox..?? how to change $_GET['_value'] == 2 to idfakultas so the third combobox can load a data from database.. } elseif ($_GET['_name'] == 'state') { if ( $_GET['_value'] == 2 )//New York ... I'm Confuse http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#258 2009-07-29 02:09:32 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#258 c.y can you give an example when using the defaultValue? Thanks. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#251 2009-07-20 01:29:44 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#251 Roby I am using the following library's The chainselects works fine on a page by itself, but when I combine with jquery and validate functionality it blows up &function undefined. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#244 2009-06-24 11:37:16 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#244 Michael Hi, I'm working on a PHP/MySQL version and so far so good. Is there anyway to store a at the head of the STATE dropdown, once a country has been selected ? Thanks for any tips. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#239 2009-06-09 00:50:22 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#239 Katrin Konstantin I would like to know if there is a way to call a url when I choose something in the third combobox. For example when I choose a city eg. New York I would like automatically to be redirected to another webpage eg. newyork.html. I imagine that the links will be defined within the array. I don't know much about php so I need some help. Thanks in advance http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#231 2009-05-09 07:03:24 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#231 Alex Hello, can I make a link from the choice of the third select box?? Please help!! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#230 2009-05-08 09:17:28 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#230 Akis Hello, I've downloaded and tested it but cannot make it work. When a make a choice from the first combo it displays "loading" and it doesn't display anything. I've changed the url of the combobox.php but still nothing. Anybody can help??????????? Thanks http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#229 2009-05-04 15:22:00 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#229 lelebart hi! i gone mad with html special char, so i've added few lines to PHP the code, just before to json_encode: [previous code] //html special char fix by lelebart \\start foreach($array as $key => $val) { foreach($array[$key] as $chiave => $valore) { $array[$key][$chiave] = utf8_encode($valore); } } //html special char fix by lelebart \\end echo json_encode($array); hope to be useful. feel free to update. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#227 2009-04-26 14:51:09 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#227 Videolu Dersler Thanks! i just rewrote this to be an onchange event and all is fine in opera-mini / iphone etc.. Cheers Justin http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#225 2009-04-21 07:55:28 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#225 Edward I am trying to get the code to work. The first combobox shows and is filled. after select on first combobox the second and third boxes show, but are empty. What could cause this. Please advise. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#222 2009-04-14 15:19:22 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#222 Jan FSan (and most others): Use this : http://blog.kotowicz.net/2009/03/jquery-optiontree-demo.html Chain boxes as many times you like. No Ajax, you prepare the date beforehand. Although 4 clicks for the user to get to what he/she needs? Consider a nested pulldown menu. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#217 2009-03-24 15:56:54 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#217 FSan Can this work with any number of selects? More than 3? Is there any consideration to make it work with let's say 4? Thanks a lot http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#215 2009-03-21 12:30:38 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#215 Jan This is a ridiculous jquery-plugin. Using ajax for this purpose is silly unless the amount of data is large, and in that case another presentational approach with less clicks would be preferred. This should at a minimum be solved without any serverside integration, and with cached data created at point of data modification. The complexness in this project is totally useless, and only creates trouble. Added to my extensive list of useless, bad written jquery-plugins. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#214 2009-03-21 08:07:41 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#214 AD Although I got your code working fine, here's what I'd to see a tutorial on. A chained select using PHP/MySQL, with 3 tables lets say countries -> states -> cities And using ajax with the fancy "loading" div.. Thanks http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#210 2009-03-06 10:23:49 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#210 hans If I use Korean or japan or china language. looks like this.. ------------------------- $array[] = array('1' => '´º¿å'); ------------------------- I can not see the language. I see just blank.. What should I do..? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#207 2009-02-25 12:50:20 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#207 bharanikumar The code not working for me, It just showing the loading image, even i change the code like $('#country').chainSelect('#state','/examples/jquerycombo/combobox.php', To $('#country').chainSelect('#state','combobox.php', Even not working Thanks reach me at bharanikumariyerphp at gmail dot com http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#203 2009-02-13 11:22:25 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#203 Mahmoud M. Abdel-fattah It works fine, but I want to use many of it on one page, in another way I want to use it with : http://mohdshaiful.wordpress.com/2007/05/31/form-elements-generation-using-jquery/ How can this be done ? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#199 2009-02-04 17:22:21 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#199 WildMax If there a way to onload the chained combobox, will get all the 3 textbox. Instead we had to select other option and back to first option. [French] [No State] [No City] http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#197 2009-01-20 06:39:11 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#197 pozycjonowanie stron Hi all! Just small update... for those who do not want to display empty options if option is null or 0 (zero). Please update in HTML file 2 times: (...) before:function (target) { $("#loading").css("display","block"); $(target).css("display","none"); }, after:function (target) { $("#loading").css("display","none"); $(target).css("display","inline"); //hide empty select's if == null (you can use == 0 for article example) if ($(target).val() == null) { $(target).css("display","none"); } } (...) Enjoy! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#188 2009-01-02 15:06:22 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#188 evden eve nakliye just rewrote this to be an onchange event and all is fine in opera-mini / iphone etc.. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#185 2008-12-26 12:08:17 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#185 pr0t0 Hello, Thanks for this usefull plugin. I'm also interested in passing the 1st option to use it for the third box :) http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#183 2008-12-17 09:56:28 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#183 hezll a question ,if I want transfer the first option val to the third how? because after_table 1999 beijng 1 1999 beijng 2 2000 beijing 1 2000 beijing 3 and now just only pass the second option val beijing to the third as you see ,the sql "select * from after_table where city = beijing"the result is confused . it must be "select * from after_table where city= beijing and year = 1999" http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#182 2008-12-10 01:39:23 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#182 hezll Hello,I have found a bug with Drupal in IE At first ,it's really a good job.I have try it under IE and ff,it's great. But when I try to move it into a Drupal module ,I found a little bug in IE. sturcter: class1 / 1996-class2 \ class3 1997 g1 / 1998-g2 \ g3 and when I select the first option eg:1998,the second option chaned to g1. but afterwhile the first option change back to 1996 this bug is found in IE ,not FF.and with Drupal solution: jquery.ChainSelect.js line 65: add // if (settings.defaultValue != null) { $(target).val(settings.defaultValue);//select default value } else { //$("option:first", target).attr( "selected", "selected" );//select first option } Ok ,now there is no problem.haha http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#181 2008-12-09 01:01:26 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#181 Eric Renfro Hello, I was curious, I'm trying to pass values to the chainSelect function to be passed as further parameters to the URI, so I could include things like other select option's values for hierarchical selective data. Beings that the call is formed off a php script, in this example, the possability of using it with database lookups, live, is also there. Say for example, I have a selection A, it has values that relate to selection B, and finally selection C which is based on the values of selection A + B together. How would you do something like this? If you would, and have ideas, please email me any ideas, as I am not too familiar with js itself, let alone JSON or AJAX or jQuery themselves, I've mostly been involved in PHP, Perl, etc. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#179 2008-12-05 04:53:14 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#179 Gijs Hi, i have tried the example and looks great, but i think i am missing something. After choosing the first selection, i get a nice second selection, but then something wierd is happening. The third part of this combo, seems not to depend on my second choice? The option values are always numbered from 0 to X, so my third choice does not depend on my second? For example: // 1 = Demi if ( $_GET['_value'] == 1 ) { $array[] = array('1' => 'Demi 1'); $array[] = array('2' => 'Demi 2'); $array[] = array('3' => 'Demi 3'); $array[] = array('4' => 'Loop 1'); $array[] = array('5' => 'Loop 2'); $array[] = array('6' => '1140 systeem'); } else { $array[] = array('0' => '---'); } // 2 = WFI if($_GET['_value'] == 2 ) { $array[] = array('1' => 'Distiller 1'); $array[] = array('2' => 'Distiller 2'); $array[] = array('3' => 'Distiller 3'); $array[] = array('4' => 'Loop 1'); $array[] = array('5' => 'Loop 2'); $array[] = array('6' => '1150 systeem'); $array[] = array('7' => '1153 systeem'); } else { $array[] = array('0' => '---'); } and some more examples. So, when i choose the first or second option, i always get teh same third selection from: elseif ($_GET['_name'] == 'subdeel') { if ( $_GET['_value'] ==1 )//New York { $array[] = array('1' => 'New York'); $array[] = array('2' => 'Another city'); } else { $array[] = array('0' => '---'); } The generated source code is:
Please help? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#171 2008-10-26 12:47:27 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#171 Justin Kelly Thanks! i just rewrote this to be an onchange event and all is fine in opera-mini / iphone etc.. Cheers Justin http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#167 2008-10-12 19:33:41 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#167 Robson I'm having a problem I couldnt solve using this (fantastic) plugin. The first option of my combo is "All the cities" and the option value is "" I've made everything so that the script isnt activated when this option is selected but nothing has worked. May someone help?? Thanks in advance. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#165 2008-10-08 04:14:43 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#165 Codeassembly Justin, I don't think Opera mini supports ajax "Given handset limitations and Opera Mini's client-server architecture, "Ajax" applications cannot be expected to work as expected on Opera Mini." You can read more here http://dev.opera.com/articles/view/javascript-support-in-opera-mini-4/ As an alternative you can submit form data on combobox onchange event and reload the entire page. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#164 2008-10-03 05:58:29 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#164 Justin Kelly anyone know re above issues - chained select and iphone/opear mobile etc.. note: i'm will to put a $50 US bounty to get this issue fixed up it that helps Cheers Justin http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#163 2008-10-01 17:54:09 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#163 Justin Kelly Hi, first - thanks for the great plugin!! 1 problem: - alls working fine until i tested on mobile browser (opera mini and ie on htc touch) - the mini browser have a custom select box thing (like the iphone) and once you select an item in your select it doesn't seem to register you can test the demo page http://www.codeassembly.com/examples/jquerycombo/test.html in the online opera mini demo at http://www.operamini.com/demo/ to see what i mean anyone know a solution to this?? any help would be greatly appreciated as i need to get my chained select working on these mobile browsers Cheers Justin http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#158 2008-09-13 03:42:08 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#158 Bob Running into another issue. I'm using this to pull states or provinces based on whether US or Canada is selected from the first dropdown. No problem, works as advertised. However, if the user submits the form and there are errors, when the page reloads, the states dropdown is not repopulated with the state they selected (assuming they selected one). How do I get that working? I'm using CodeIgniter, fwiw, so I'm using their validation lib to display form errors. Cheers, Bob http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#149 2008-08-03 16:17:08 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#149 Codeassembly Try this. jQuery(function($) { $('#first_select_with_default_value').change(); }); http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#146 2008-08-01 10:29:19 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#146 Neil Burton Great script! I'm trying to set a default value so the second selection box appears at load rather than requiring user input, but it does not appear to work or I'm doing something wrong! $('#skillid').chainSelect('#subskillid','ajax.url', { before:function (target) //before request hide the target combobox and display the loading message { $("#loading").css("display","block"); $(target).css("display","none"); }, after:function (target) //after request show the target combobox and hide the loading message { $("#loading").css("display","none"); $(target).css("display","inline"); }, defaultValue:14 }); My HTML snippet is as follows Any help would be appreciated! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#144 2008-08-01 09:33:09 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#144 egemen thanks antonio.. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#134 2008-06-24 17:38:07 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#134 Wesley I am using the following library's The chainselects works fine on a page by itself, but when I combine with jquery and validate functionality it blows up &function undefined. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#133 2008-06-23 23:38:04 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#133 Antonio So.. if you want to get it working on FF,IE6 and IE7 jquery.chainedSelects.js >> Line 36: 36: parameters : { '_id' : $(this).attr('id'), '_name' : $(this).attr('name') }, 37: } , settings); Remove comma at the end: IN THE END IT WILL LOOK LIKE: parameters : { '_id' : $(this).attr('id'), '_name' : $(this).attr('name') } 37: } , settings); AND CHANGE line 53 TO: $(target).get(0).add(new Option(data[i][key],[key]), document.all ? i : null); it works :) http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#131 2008-06-17 06:24:15 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#131 Jimmy How would you load the 2 dropdown with data when page is loaded http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#128 2008-06-12 02:17:06 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#128 PK Same error as Derrick described - unexpected ';' in line 49 in jquery.chainSelect.js Array in PHP looks like $array = array('1'=>'22','2'=>'222','3'=>'444','5'=>'666','7'=>'88888'); http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#127 2008-06-08 12:30:51 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#127 Bob Nevermind, figured out what was going on. It was the way I was building the array. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#124 2008-05-28 11:07:38 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#124 Bob I'm reading a directory of .mp3 files to create my second select list, but when I run the script I get this: Error: invalid label Source File: http://[mydomain].com/jquery.chainedSelects.js Line: 48, Column: 4 Source Code: {"0":["No Track"],"1":{"1":"23-29 Tick Tock Blues.mp3"},"2" ..... -----^ I can't for the life of me figure out why json_encode($array) would place square brackets around the first item, and curly brackets around the rest. Thoughts? http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#123 2008-05-22 19:32:27 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#123 Solomon Hi I have a JSP page which has 6 combo boxes.When i select a value in the first combo the other 5 will filter with values which is done using AJAX. Now the problem is if the value i selected in the first combo has a size say 50 the screen looks very bad with scroll bars on both sides....All the combos size varies according to the value selected in first one.... Can anyone give an idea to have all the combo boxes sizes fixed irrespective of how the AJAX fires. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#112 2008-05-20 08:13:34 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#112 Derrick As soon as I try loop one of these: $array[] = array('1' => 'New York'); with something like: foreach($count=1; $count=3; $count++) { $array[] = array($count => '$count'); } I get this firebug error: Parse error: syntax error, unexpected ';' in F:\server2\Apache Group\... line 49 in jquery.chainSelect.js http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#108 2008-05-03 18:41:06 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#108 Radek To make it work on IE: jquery.chainedSelects.js >> Line 36: 36: parameters : { '_id' : $(this).attr('id'), '_name' : $(this).attr('name') }, 37: } , settings); Remove comma at the end: parameters : { '_id' : $(this).attr('id'), '_name' : $(this).attr('name') } 37: } , settings); http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#107 2008-05-01 14:21:24 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#107 radek Doesn't work for me in IE 7. With $(target).get(0).add(new Option(data[i][key],[key]), document.all ? i : null); i get "object does not accept this property or method." on line $('#country').chainSelect('#state','/examples/jquerycombo/combobox.php', http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#106 2008-05-01 14:23:33 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#106 Mike Thanks Remy. The following tweak of your code works for me in FF, IE7, IE6 & Saf3: $(target).get(0).add(new Option(data[i][key],[key]), document.all ? i : null); http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#102 2008-04-23 03:28:00 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#102 mere56 No! Its not working in IE! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#98 2008-04-16 11:10:34 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#98 Mariano Remy: Works here in ie 7 (thanks!). In ie 6, almost: the first select triggers ok, but when you click the 2nd or 3rd select you get a "object does not accept this property or method" (translation from spanish, so may be innacurate. The error is referring to a jquery method, not this script. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#97 2008-05-01 14:22:23 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#97 Remy Ok, I have been following this and have had a couple of issues, I stripped down my production environment to the bare essentials and ran my scripts in FF and IE7. I had no problems with FF and Firebug helped immensely. IE would not play ball, even though I had tried glenn's code (which incidentally precludes FF). I have been doing a bit of digging around and looked at other jQuery options for modifying the select list. The following line has been verified on IE7 and Firefox 2 and I have used it in place of Glenn's solution. I would be interested to hear how this works in IE6. $(target).get(0).add(new Option(data[i][key],[key]),document.all ? 0 : null); This was found via an article on Dr Dobb's Journal (http://www.ddj.com/java/201000935?pgno=4) Kudos to the author! http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#96 2008-05-01 14:21:24 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#96 Mariano Doesn't work for me in IE 7. With $(target).append(""+data[i][key]+""); and stuff I only get empty selects tags... http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#94 2008-05-01 14:22:23 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#94 Remy When I try using this I get a page error: expected ";" I know my JSON is well formed and have even tried to force a semi-colon in just to see and the results are the same. I also can't get the demo to work? I don't see a script error but the effect is the same, select an option and the other select boxes are made visible but with no members? I have tried IE7/Firefox. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#93 2008-05-01 14:22:23 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#93 Tekin IE6 fixed but IE7 problem continue :( http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#92 2008-04-09 08:52:47 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#92 glenn It seems my previous posting didn't correctly arrive: This is the line you need to use to get results in IE: $(target).append("");
Replace all in the inner for loop with this line. Btw, I really like this implementation, the size of the plugin is also heaven and I'm a big fan of php/jquery combo. This was right up my alley and it's being used in a production site as wel speak. Thanks codeassembly. If you need some help with finetuning this let me know. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#89 2008-03-21 13:46:36 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#89 glenn Hi, For those who have trouble getting this in IE6 to work: replace: //option = document.createElement("OPTION");//create a new option //option.value = key;//set option value //option.text = data[i][key]; //$(target).append(option); //insert the option into the select With : //insert the option into the select $(target).append(""); There is something up with passing the .text attribute to the way it's constructed here. for some reason it does't work in IE and I cant be bothered to find out how to access the dom there. I could tell in FF that it was working. For any cache issues perhaps you could also change the parameter line to this one: parameters = { '_id' : $(this).attr('id'), '_name' : $(this).attr('name'), '_value' : $(this).val() , 'rrand' : Math.random() }; As such it will not cache the request as some IE's don't even listen to the ajax global options. Hope this helps some people here. Glenn http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#88 2008-03-21 13:42:16 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#88 abdullah "json_encode" this below : http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#81 2008-03-21 14:02:43 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#81 Marçal Hi again, I have changed the following plugin script line: $(target).append(option);//insert the option into the select with this other one $(target).append('');//insert the option into the select and now the script works also in IE. I hope this help somebody ;) http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#75 2008-03-21 14:02:43 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#75 Marçal Hi, congratulations for your script, is very usefull. But i didn't get it work under IExplorer, just in Firefox. I'm trying to make it work under IE, if someone have already done it please let me know. Thanks. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#74 2008-03-21 14:02:43 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#74 apadley Sorry, I see that json_encode is PHP 5 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#73 2008-02-25 12:04:44 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#73 apadley I've installed the plugin, but get the following error: Call to undefined function: json_encode() I'd like to get this working. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#72 2008-03-21 14:02:43 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#72 CodeAssembly I'm glad you liked it. I updated the example, it now displays a "Loading ..." div while fetching data. You can replace the div with a spinner gif. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#69 2008-02-12 13:14:04 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#69 josoroma Hi! Im a jquery newbie, but i test your plugin and is an easy and perfect piece of art. Great work! I was wondering how can i add a spinner gif while the data is obtained for the new select? Thanks in advance. http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#68 2008-02-09 17:57:51 http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/#68