Thanks Anthony !! It worked.
On Sunday, April 26, 2015 at 8:33:55 PM UTC+5:30, Anthony wrote: > > Maybe try triggering the onchange event when dropdown2_a is changed. You > could do that by changing the dropdown1 Ajax call from: > > ajax('{{=URL('default', 'getoptionsfordropdown2'})}}', [''], 'dropdown2') > > to: > > ajax('{{=URL('default', 'getoptionsfordropdown2'})}}', [''], ':eval') > > Then in the getoptionsfordropdown2 function, instead of just returning the > select HTML, you can return Javascript code that changes the select HTML > and then triggers the onchange event. This is not tested, by something > along these lines: > > def getoptionsfordropdown2(): > html = [code to generate the select] > return 'jQuery("#dropdown2").html("%s"); > jQuery("#dropdown2_a").change();' % html > > Anthony > > On Sunday, April 26, 2015 at 9:24:13 AM UTC-4, Sarbjit wrote: >> >> Hi, >> >> I have used AJAX based cascading drop down menu based on slice " >> http://www.web2pyslices.com/slice/show/1526/cascading-drop-down-lists-with-ajax-2 >> " >> >> I have introduced a third drop down whose value is populated based on the >> selection of second drop down. >> >> I am using the following code : (Not the exact code, but it'll be enough >> to explain the flow) >> >> *VIEWS:* >> >> <select> <!-- DROPDOWN1--> >> onchange="jQuery('#dropdown2_a').empty(); >> ajax('{{=URL('default','getoptionsfordropdown2'})}}', [''], >> 'dropdown2');"> >> .. >> </select> >> <span id='dropdown2'> >> <select id='dropdown2_a'> <!-- DROPDOWN2--> >> onchange="jQuery('#dropdown3_a').empty(); >> ajax('{{=URL('default','getoptionsfordropdown3'})}}', [''], >> 'dropdown3');"> >> </select> >> </span> >> <span id='dropdown3'> >> <select id='dropdown3_a'> <!-- DROPDOWN3--> >> </select> >> </span> >> >> *CONTROLLER:* >> >> getoptionsfordropdown2/getoptionsfordropdown3: >> >> def ... >> .... query the db and build SELECT .... >> return SELECT(...) >> >> >> *Problem:* >> >> So, at any point of time, if the option in the drop down1 is not changed, >> then everything works fine i.e. changes in dropdown2 updates the options in >> dropdown3. >> >> However, once the dropdown1 option is changed, dropdown3 contents are not >> RESET (No code for it, and I need some guidance for it). So, I have to >> change the option in dropdown2 and come-back in order to change the options >> in dropdown3. Basically, once an option is changed in drop down1, user has >> to change the option in dropdown2 once in order to update the dropdown3. >> >> Can someone please suggest me on how to handle this situation such that >> changing the dropdown1 should update dropdown3 as well (based on the value >> of dropdown2). >> >> Is it possible to call multiple forcefully trigger the onchange event for >> dropdown2 once it is re-populated based on the changes in dropdown1. >> >> >> -- Resources: - http://web2py.com - http://web2py.com/book (Documentation) - http://github.com/web2py/web2py (Source code) - https://code.google.com/p/web2py/issues/list (Report Issues) --- You received this message because you are subscribed to the Google Groups "web2py-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to web2py+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.