Javascript onchange function 在移动设备上的 select 菜单中不起作用

Question

            <script type="text/javascript"> 
            var urlmenu = document.getElementById( "rpdropdown3" );
            urlmenu.remove(1);
            urlmenu.onchange = function() {
            window.open( this.options[ this.selectedIndex ].value, "_blank" );
            var options = rpdropdown3.options;
                // Look for a default selected option
                for (var i=0, iLen=options.length; i<iLen; i++) {

                    if (options[i].defaultSelected) {
                        rpdropdown3.selectedIndex = i;
                        return;
                    }                                                 
                }

                // If no option is the default, select first or none as appropriate
                selectElement.selectedIndex = 0; // or -1 for no option selected
            };

            </script>';

$postslist = get_posts( $args );
    foreach( $postslist as $posts ){
        $string .= '<option value="' . get_the_permalink($posts) . '">-- '  .get_the_title($posts).'</option> ';
    }

Doesn't work on any mobile browser (works on computers browsers), the select dropdown doesn't open the link as expected

Answer 1

It seems that It's actually working but it's blocked as a popup. You can't use window.open if it's not fired by a user action, like a button or a link.

foreach ($postslist as $posts) { ?>
    <select id="rpdropdown" onchange="if (this.value) window.location.href=this.value">
        <option value="" selected disabled>OPTION 1</option>
        <option value="<?php echo get_the_permalink($posts) ?>" onchange="window.open (this.value)"> -- <?php echo get_the_title($posts) ?></option>
    </select>

<?php }

In my case I used onchange="if (this.value) window.location.href=this.value" and I'm trying to make it open in a new tab.

They talk about that issue here and on others many posts: javascript window.open in safari