Question

我有一个下拉列表，其中动态包含指向我们网站上自治市页面的链接。它们已在WordPress中注册为自定义帖子。这是当前形式：

<form action="<? bloginfo('url'); ?>" method="get">
    <select placeholder="Zoeken..." data-placeholder="Zoeken.." id="jzhz-gmz-input" onChange="window.document.location.href=this.options[this.selectedIndex].value;" size="1">
        <option value="">Kies je gemeente...</option>
        <?php
            $args = array( 'numberposts' => -1, 'post_type' => array('gemeente'), 'orderby' => 'title', 'order' => 'ASC' );
            $posts = get_posts($args);
            foreach( $posts as $post ) : ?>
                <option value="<?php echo get_the_permalink($post->ID); ?>"><?php echo get_the_title($post->ID); ?></option>
        <?php endforeach; ?>
        <br />
    </select>
</form>

在过去的几年中，荷兰的许多村庄被合并和/或更名，并成立了新的自治市。现在，我们希望将下拉列表中的链接起来，而无需为每个小村庄创建新的市政职位。下面列表中的虚线名称应打开属于上级市政府职位的页面。

如何在此下拉菜单的代码中添加？

下拉菜单的新布局应如下所示：

Alblasserdam
- 科特兰
多德雷赫特
Gorinchem
- 达勒姆
Hardinxveld-Giessendam
- Boven-Hardinxveld
- 吉森丹-Neder-Hardinxveld
等...

Answer 1

我想你想this

    <select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

如何在下拉菜单中添加子项目并将其链接到其父项目

1 个答案: