Problem with Select input - jQuery .change and Select 'ByText'

[randy]

Hi,

We have two select inputs on a page. The second is populated when something in the first select changes (using jQuery .change() to listen for that).

We are trying to write tests for this page. In IE9, when we select something from the first list using "Select 'ByText' Option '<element in first select>' on '<name of first select>'", the .change() function never fires (even though the element does get selected), and the second select never gets populated with elements, which causes our test to fail.

This works perfectly in all browsers when we test them by hand. When we run the test in Chrome it works fine. Below is the javascript.

Any suggestions?

$("#firstSelectObject").change(function () {    

    $("#secondSelectObject").empty();

        var parms = { ... };

        var serverUrl = ...;

        $.ajax({ url: serverUrl, traditional: true, type: "POST", dataType: "json", data: parms,

            success: function (result) {    

   

                            $.each(result, function(val, text) {
                                addToSelectList(text);
			    });

            },

            error: function (XMLHttpRequest, textStatus, errorThrown) {

                alert( ... );

            }

        });

    }

});

[Anthony]

Hello Randy,

jQuery events are not called automatically and must be fired manually. Please see this KB article for more information.

Regards,
Anthony
the Telerik team

[Naveen]

could you send me the article it is not opening.

[Plamen]

Hi Naveen,

Here's the article demonstrating how to trigger jQuery events manually in a coded step. If you are testing an HTML drop-down menu, you can do this without using code by setting the TriggerjQueryEvent property to True. This feature is available in our 2012 R2 SP1 release. See this article for more information. 

Kind regards,
Plamen
the Telerik team