如何在 jquery ui 选择菜单上添加自定义图标

Question

我使用 jquery UI Select menu 并且我想为每个选项标签制作一个自定义图标

我使用 php 和 mysql 来获取我的图标和元素

我尝试使用 span 并给它一个图标作为背景图像，但它不起作用

            <label class="langLabel" for="filesA">Select your language:</label>
            <select name="filesA" id="filesA">
                <?php 

                $langs  = select("*","lang");
                while($lang=fa($langs)){
                    echo "<option value={$lang['lang_id']} data-class=\"ui-icon-script\">{$lang['lang_full_name']}
                    </option>";
                    echo "<span class='test' style='background: url('".
                       "img/flags2".$lang['lang_flag'] ."') />";
                }

                ?>

        </select>

Answer 1

请看下面jQuery UI demo。

第一个示例很可能是您要查找的内容。 源代码也可用。