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> ';
    }

不適用於任何移動瀏覽器（適用於計算機瀏覽器），select 下拉菜單無法按預期打開鏈接

Answer 1

似乎它實際上正在工作，但它被阻止為彈出窗口。 如果 window.open 不是由用戶操作（如按鈕或鏈接）觸發，則不能使用它。

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 }

在我的情況下，我使用了onchange="if (this.value) window.location.href=this.value"並且我試圖讓它在新標簽中打開。

他們在這里和其他許多帖子上談論這個問題： javascript window.open in safari