i think the problem is that only on the first load the $
('select#conversation_dropdown_text').change(function(){ is executed
that means that the change() is only applied to
select#conversation_dropdown_text on the initial load
on reload you would need to retrigger the change() on the
select#conversation_dropdown_text
to do that include the script in the LOAD component
script = SCRIPT("$
('select#conversation_dropdown_text').change(function()
{ alert('meow'); }); ...", _type = "text/javascript")
e.g. return {'conversation_dropdown':TAG[''](script,
conversation_dropdown)}On Oct 26, 9:18 pm, Luther Goh Lu Feng <elf...@yahoo.com> wrote: > This problem might be related to the one > athttp://groups.google.com/group/web2py/browse_thread/thread/1eead541f5... > > The view console.html has two drop down selects. The 1st dropdown > select (id="worksheet-list") activates loads a component via > javascript when changed. The second dropdown select will trigger an > alert dialog when changed. > > When the page is freshly loaded, the second dropdown works as > expected. After a fresh reload, the 1st dropdown works as expected > too. If the 2nd dropdown is immediately triggered after the 1st > dropdown, the 2nd dropdown fails, ie no dialog box appears. And there > are no errors in the javascript console. > > I did a diff of the source code when the 2nd dropdown was working > after a fresh reload, and when it fails, and found very very small > differences in the source:http://tinypic.com/r/muzcyh/7 > > I hope someone can aid me in explaining the cause of these > observations and help me debug this. Thanks in advance. > > #console.html > > <select id="worksheet-list"> > {{ for wk in worksheets: }} > <option value="{{=wk.id}}">{{=wk.subject}}: > {{=wk.name}}</option> > {{ pass }} > </select> > > <script> > <!-- Load comment component based on dropdown selected --> > $(document).ready(function(){ > > $('select#conversation_dropdown_text').change(function(){ > alert('meow'); > }); > > $('select#worksheet-list').change(function(){ > > web2py_component("/roverus/comment/conversation_dropdown.load/" + $ > ('#worksheet-list').val(),"sidebar-header") > > }); > }) > </script> > > <h1>Conversation</h1> > <div id="sidebar-header"> > {{ block sidebar-header }} > {{=LOAD('comment', 'conversation_dropdown.load', > args=[request.args[0]], ajax=False)}} > {{ end }} > </div> > > ============================================== > > #comment.py > > def conversation_dropdown(): > '''This action returns a dropdown component''' > > # Pull the worksheet requested > w = db.worksheet(request.args(0)) > > # Create the manage the conversation selector dropdown > conversation_dropdown = SQLFORM.factory( > Field('text', label='Select a conversation', > requires=IS_IN_DB(db(db.question.worksheet==w), 'question.id', > 'question.text', orderby='question.id')), _id='conversation_dropdown', > table_name="conversation_dropdown") > > #hide the submit button > submit = conversation_dropdown.element('input',_type='submit') > submit['_style'] = 'display:none;' > > #process form dropdown > if conversation_dropdown.accepts(request.vars, session): > current_conversation = request.vars.text > elif conversation_dropdown.errors: > response.flash = 'Form has errors' > > return {'conversation_dropdown':conversation_dropdown}
