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


how to add custom icon on jquery ui select menu

我使用jquery UI选择菜单,我想为每个选项标签做一个自定义图标

我使用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>

请看下面的jQuery UI演示。

第一个例子最有可能是您正在寻找的。源代码也可用