Как сделать выпадающий список

[Petr78]

Доброго дня всем. Подскажите как из этого кода сделать выпадающий список. Сейчас он выводит флаги вертикально в меню хедера. А задача что бы это был выпадающий список.

 <?php SLIApi::ignoreStart();?>
            <ul class="nav navbar-nav navbar-right">
                <?php foreach(SLIApi::getLanguagesChangeList() as $val) {?>
                    <li<?php echo $val['selected'] ? ' class="selected"': '';?>>
                        <a % href="<?php echo $val['href'];?>" data-toggle="tooltip" title="<?php echo $val['title']?>">
                        <img src="/sli/static/img/flags/<?php echo $val['alias']?>.png" alt="<?php echo $val['title']?>">
                        </a>
                    </li>
                <?php }?>
            </ul>
            <?php SLIApi::ignoreEnd();?>

[ADSoft]

стилями css, php тут не при чем

[Gulik]

Сообщение от Petr78

Доброго дня всем. Подскажите как из этого кода сделать выпадающий список. Сейчас он выводит флаги вертикально в меню хедера. А задача что бы это был выпадающий список.

Если подключен Bootstrap, то можно так

<?php SLIApi::ignoreStart();?>
   <div class="dropdown">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Меню</button>
      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
         <?php foreach(SLIApi::getLanguagesChangeList() as $val) {?>
         <a class="dropdown-item <?php echo $val['selected'] ? 'active': '';?>" href="<?=$val['href']?>">
            <img src="/sli/static/img/flags/<?=$val['alias']?>.png" alt="<?=$val['title']?>">
         </a>
         <?php }?>
      </div>
   </div>
<?php SLIApi::ignoreEnd();?>

[OmegaBerkut]

select же !
Это если без красивостей
И это html

[Лубышев]

Это ж бутстрап разметка. Подключите бутстрап и оно превратить это дело в красивый UI