I have created two select boxes. The data in the second select is based upon the choice in the first.
Once the user makes a choice in the first select, an ajax call is made to the backend DB, and data is then passed back to the page in JSON format. The options for the second select are then created and a "refresh" is called on the second select to display it.
All works fine in any desktop web browser, and on an iPhone or Android device.
On my WIndows Phone (Lumia 920), the second select box never gets created.
It seems as if the Windows Phone is not reacting to the $('#firstSelect').change(function() on the page.
When I put an "alert" inside this call, it is never displayed.
Any ideas here?
All my functions are inside the $('#createCarPage').bind('pageinit', function() at the top of page.
This sits inside the <div data-role="page" data-theme="a" id="createCarPage" class="rf-background"> tag
There are several other things that the Windows Phone seems to ignore like .selectmenu('disable') for example, but for now I'm just trying to get the select box to work.
Thanks!
-- Ed