Javascript image下拉菜单设置背景颜色

-1

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

enter image description here

UPDATE

下面是代码：

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>

来源

2015-06-27 I love coding

你可以风格的项目背景色：

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

你可能会希望包括一个CSS选择tor你想要的风格的特定下拉菜单。在这种情况下，请将.ddChild替换为要设置样式的下拉列表的ID。

对于这里显示的付款例如：http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/index.html，这样的事情会做的伎俩：

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

您也可以根据风格上启用/禁用：

来源

2015-06-27 19:35:02 dgrundel

谢谢。你的意思是在

不，绝对不是'选项'，也许是'选择'。但是，看起来你已经需要在'select'上有一个id来获得该jQuery插件的工作。所以，只需重新使用它。 – dgrundel

谢谢你的回复。你可以发布一些代码吗？假设我想要3班（绿色，橙色和红色）。我如何设置下拉列表中每个选项的背景？ –

Javascript image下拉菜单设置背景颜色

回答

相关问题