Question

I am working on a web app and was testing it on my ipad when I realized that something was not working.

I decided to further look into it and discovered that this won’t work on the ipad but will on desktop browser:

$(function() {
    $('select').change(function(e) {
        console.log(e.srcElement.selectedOptions);                
    });
});​

Ipad console shows undefined

Here is a jsfiddle to test it out with.

Is my approach wrong? Or is this a bug in mobile safari?

Answer 1

Do you mean to be using e.srcElement.selectedIndex or e.srcElement.value?

e.srcElement.options[e.srcElement.selectedIndex].getAttribute("data-sort");