如何在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。

第一个例子很可能就是你要找的东西。 源代码也可用。