This is a migrated thread and some comments may be shown as answers.

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

3 Answers 116 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

randy asked on 05 May 2011, 09:38 PM

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( ... );

}

});

}

});

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

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

3 Answers, 1 is accepted