In my test page I simply selected a value in the second select box when the value in the first one is changed, which solved the problem you had saying that the change event wasn't fired in your code. Instead of just selecting a value in the second select box you can also replace all items from the second select box by new ones. On the website you link to an AJAX request returns the new items. This should be pretty simple to achieve. So where exactly are you stuck at?
Sebastian On Sunday, July 7, 2013 5:13:04 PM UTC+2, Ebrahim Khalil Abbasi wrote: > > Thanks Sebastian, > > Both your and my codes work on some websites and fails on some others. For > example, if you have a look at http://www.wrenchscience.com/, if you > choose an item from the first select element (choose a Manufacture), new > items are loaded in the second one (Choose a Model). I want to simulate > this scenario in my extension. > > Ebrahim > > On Saturday, July 6, 2013 12:55:18 AM UTC+2, Sebastian Zartner wrote: >> >> am so sorry that I am posting this topic here, because this question >>> might be irrelevant for the Firebug community >>> >> Right, you should have better asked directly in the jQuery >> forum<http://forum.jquery.com/>or at >> stackoverflow <http://stackoverflow.com/tags/jquery/info>. >> >> Anyway, I attached a test case, which works fine for me with and without >> jQuery. Hope that solves your problem. >> >> Sebastian >> >> On Friday, July 5, 2013 4:16:16 PM UTC+2, Ebrahim Khalil Abbasi wrote: >>> >>> Hi, >>> >>> I am so sorry that I am posting this topic here, because this question >>> might be irrelevant for the Firebug community. But, I posted this question >>> in other groups and have not got a good answer. >>> >>> I am trying to simulate user actions in my Firebug extension. Given two >>> select (combobox) elements A and B, by selecting an option from A, new >>> options are loaded in B. I want to extract all these relations between >>> options of the two select elements. To do this, I programmatically select >>> an option from A and then trigger its change event to load new options in >>> B: >>> >>> >>> - jQuery(A).find('option')[j].selected=true; /// in which i is a >>> counter >>> - jQuery(A).trigger('change'); >>> >>> Options are properly set in A, but the change event is not fired, so, no >>> option is loaded in B. >>> >>> >>> Any suggestion? >>> >>> >>> Thanks. >>> >>> >>> >>> >>> >>> >>> -- You received this message because you are subscribed to the Google Groups "Firebug" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/firebug. To view this discussion on the web visit https://groups.google.com/d/msgid/firebug/78f36cd7-ec44-48f5-9567-a7d14f99e3ff%40googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.
