Javascript图像下拉菜单设置背景颜色

Question

我想在一个从PHP生成的html页面中使用，就像Java中的组合框一样。 我想添加一个图标，一些文本，一些额外的文本和背景颜色。 数据可以通过MySQL数据库从JSON文件或PHP中的查询生成。我发现这个非常强大solution，这可能是一个很好的起点。我无法解决的唯一问题是，它是关于select / li的背景颜色。实际上，我希望它们与white不同，并且与JSON文件中存在的变量相关。如何使用实际代码动态设置每个选择的背景颜色？

更新

以下是代码：

form action="submitdata.php" method="post" enctype="multipart/form-data" name="frmdata">

        <select id="payments" name="payments" style="width:250px;">

            <option class="green" value="140" data-image="./squadre/par.png" data-description="Titolare vs SAM">MIRANTE</option>
            <option class="green" value="156" data-image="./squadre/rom.png" data-description="Titolare vs SAM">SKORUPSKI</option>
            <option class="orange" value="124" data-image="./squadre/rom.png" data-description="Panchina vs SAM">DE SANCTIS</option>

        </select> &nbsp;

    </form>
    <p>
        &nbsp;
    </p>

    <script>
        //var tc;
        $(document).ready(function(e) {
            $("#payments").msDropdown({
                visibleRows : 4
            });

        });

    </script>

Answer 1

您可以使用以下方式设置项目的背景颜色：

.ddChild li._msddli_ { background-color: #c00; }

您可能希望为要设置样式的特定下拉列表包含CSS选择器。在这种情况下，请将.ddChild替换为要设置样式的下拉列表。

对于此处显示的付款示例：http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/index.html，类似这样的操作可以解决问题：

#payments_msdd li._msddli_ { background-color: #FFA600; }

您还可以根据启用/禁用设置样式：

#payments_msdd li._msddli_.enabled { background-color: #FFA600; }
#payments_msdd li._msddli_.disabled { background-color: #CCC; }