Question

我创建了一个下拉输入，当您点击它进入页面的项目时。

<form id="work" action="" method="post">
    <select id="work-list" class="sub-topics" name="work">
    <?php $id = get_the_ID();
    $pages = get_pages(array('child_of' => $id, 'sort_column' => 'menu_order')); 
    foreach($pages as $post) {
    setup_postdata($post);
    $fields = get_fields(); ?>
        <option class="work-dropdown" value="<?php echo the_permalink(); ?>"><?php echo the_title(); ?></option>    
    <?php } wp_reset_query(); ?> 
    </select>           
</form>

Jquery的：

<script type="text/javascript">
jQuery(document).ready(function( $ ) {
   $('select[name="work"]').change(function(){
        window.location = $(this).val();
    })
});
</script>

目前首页是下拉列表旁边有一个勾号，所以当点击它时，它不会转到页面。如果你单击第二个项目然后工作正常，它只是认为选择了顶部项目。

如何使顶部项目像其他项目一样可点击？

如果可能的话，我想避免在顶部选择“点击此处选择页面”或其他任何内容。

Answer 1

尝试

window.location.href = $(this).val();

而不是

window.location = $(this).val();

Answer 2

您可以将第一个项目项目添加到下拉列表中click below to choose a page to visit

点击下拉菜单输入：点击后无法转到顶部项目

2 个答案: