Jquery .prop("selected", "selected") doesnt work on ipad chrome/safari

Question

I have a problem with this code :

$('#activity_filter_type_activity option').eq(1).prop("selected", true);

It works on classic desktop but not in safari/chrome on an ipad. Can you help me ?

Are you working on a Mac, or on Windows? If you have a Mac, you should be able to connect your ipad to your laptop, and do some debugging to get a better idea of what the issue is. — KDot, Oct 22 '15 at 13:47
i found a way to use console on the ipad by including $('#activity_filter_type_activity option').eq(1).prop("selected", true); doesnt product any result — Python, Oct 22 '15 at 13:49

score 0 · Answer 1 · edited May 23 '17 at 12:15

0

try using ".attr" to checked this

$('#activity_filter_type_activity option').eq(1).attr('checked',true);

i found this solution in other thread, is the same problem .prop() vs .attr()

edited May 23 '17 at 12:15

Community

1
1

answered Oct 22 '15 at 14:12

RBoschini

496
5
16

it doesnt work too with ('#activity_filter_type_activity option').eq(1).attr('checked',true); – Python Oct 22 '15 at 14:21
and either ('#activity_filter_type_activity option').eq(1).attr('checked','checked'); – Python Oct 22 '15 at 14:22

score 0 · Answer 2 · answered Oct 22 '15 at 14:50

0

I think you need to use:

$('#activity_filter_type_activity option').attr("selected", "selected");

This is slightly different than the other answers.

$(element).attr("checked") is used for checkboxes, and you are trying to select an "option" input.

answered Oct 22 '15 at 14:50

KDot

496
2
7

i tried $('#activity_filter_type_activity option').attr("selected", "selected"); too and it doesnt work :( – Python Oct 22 '15 at 16:25

score 0 · Answer 3 · answered Mar 03 '16 at 09:14

If you are still searching for solution... the best way is to use js not jquery. In my project i have something like this and it works perfectly

    checkboxTmp = document.getElementById($(this).data('check'));
    if (checkboxTmp.checked) {
        $(this).children('span').css('background-position', '0px 2px');
        checkboxTmp.checked = false;
    } else {
        $(this).children('span').css('background-position', '0px -22px');
        checkboxTmp.checked = true;
    }

score 0 · Answer 4 · answered Mar 06 '18 at 16:45

This is how I get around attr() or prop() failing in Safari and or Chrome. Just check the length of the jQuery object and selector, if :selected

if($('#activity_filter_type_activity option:selected').eq(1).length > 0){
      // is selected
} else {
      // not selected
}

Jquery .prop("selected", "selected") doesnt work on ipad chrome/safari

4 Answers4