如何制作小图片的下拉菜单？ [英] How to make a dropdown-menu with small image?

问题描述

详细信息

• 我想在我的下拉菜单左侧添加一个小标记


• 我不确定最佳做法是什么。

以下是我试过的内容

 <！ -  Dropdown-Menu  - > 
< div class =col-sm-6 drop-down> 
选择国家：
< select id =stateonchange =window.location = this.value> 
< option value =>  - 选择 - < / option> 
 <？php 
 foreach（array_unique（$ countries）as $ country）{？> 
< option value =＃<？php echo $ country;？>> 
< img 
 src =/ img / flags_3 / flags / 48 / 
<？php echo isset（$ distributor ['hq_country'] ['name']）$ $ distributor ['hq_country'] ['name']：''？> .png
 
 width =16pxheight =16px> 
<？php echo $ country; ？> 
< / option> 
<？php}？> 
< / select> 
< / div> 
  

她是 link 与我现在拥有的一样解析方案

http：// jqueryui .com / selectmenu /＃custom_render

这就是你需要的：）

Details

• I want to add a little flag to left of my dropdown menu
• I am not sure what is the best practice for that.

Here is what I've tried

<!-- Dropdown-Menu -->
    <div class="col-sm-6 drop-down ">
        Select Country : 
        <select id="state" onchange="window.location=this.value" >
            <option value="">--Select--</option>
            <?php 
            foreach(array_unique($countries) as $country){ ?>
            <option value="#<?php echo $country ; ?> ">
            <img 
            src="/img/flags_3/flags/48/
            <?php echo isset( $distributor['hq_country']['name'] ) ? $distributor['hq_country']['name'] : '' ?>.png" 

            width="16px" height="16px">
            <?php echo $country ; ?>
            </option>
            <?php } ?>  
        </select>
    </div>

her is a link to what I have now

解决方案

Take a look at Jquery UI:

http://jqueryui.com/selectmenu/#custom_render

This is what you need :)

这篇关于如何制作小图片的下拉菜单？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！