Thanks Sebastian for your help. I started this topic in the jquery forum. I hope to get some feedback from there.
Ebrahim On Monday, July 8, 2013 4:33:48 PM UTC+2, Sebastian Zartner wrote: > > I didn't test your code but it doesn't look right to me. > > 1. Where's the AJAX call? > 2. Why do you loop over all options of the first select box? > 3. You select each option of the first select box and trigger the > change event for each of them. > 4. Why do you trigger the event on a timeout? > > To make progress you should create a simple test case page and try it with > that. Though note that there are already hundreds of scripts, which do > similar things. E.g. > > - http://www.jquery4u.com/plugins/10-jquery-form-select-boxes/ > - > > http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/ > - > http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html > > Anyway, as long as you don't have questions related to Firebug, you should > really ask in the forums I stated earlier. > > Sebastian > > On Monday, July 8, 2013 10:20:15 AM UTC+2, Ebrahim wrote: >> >> Here is the code to automatically select options from selectElementA. >> After each change in selectElementA, an ajax is done and loads new options >> in selectElementB then I read this new values by the Read_Data function. >> The problem is that the change event after making a change >> in selectElementA is not fired. >> >> >> -------------------------------------------------------------------------------------------------------------- >> var selectElementA=$('#ctl00_pageContentRegion_frameManufacturer'); >> var selectElementB=$('#frameModel'); >> var options = selectElementA.options; >> for (var j=0; j< options.length;j++) { >> jQuery(selectElementA).find("option")[j].selected = true; >> >> setTimeout(function(){jQuery(selectElementA).trigger("change");},5000); >> $(document).ajaxComplete(function complete(e){ >> Read_Data(selectElementB); >> $(document).unbind('ajaxComplete',complete); >> }).trigger('ajaxComplete'); >> } >> >> >> -------------------------------------------------------------------------------------------------------------- >> >> Ebrahim >> >> >> >> >> >> On Sunday, July 7, 2013 9:29:39 PM UTC+2, Sebastian Zartner wrote: >>> >>> 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/5ede36b8-0eb3-4e0b-9696-9f06032c60c4%40googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.
