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/2613cc0b-eb9d-4f1a-a251-60300277074d%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
