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

不适用于任何移动浏览器（适用于计算机浏览器），选择下拉菜单无法按预期打开链接

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

Javascript onchange功能在移动设备的选择菜单中不起作用

1 个答案: