Javascript image下拉菜单设置背景颜色
问题描述:
我想在一个HTML页面中使用,从PHP生成组合框,就像在Java中一样。 我想添加一个图标,一些文字,一些额外的文字和背景颜色。 数据可以通过JSON文件或PHP中的查询从MySQL DB中生成。我发现这个非常强大的solution,这可能是一个很好的起点。我无法修复的唯一问题是关于select/li的背景颜色。实际上,我希望它们与白色不同,并且与JSON文件中存在的变量相关。我如何设置每个选择的背景颜色,动态地使用实际代码?Javascript image下拉菜单设置背景颜色
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>
</form>
<p>
</p>
<script>
//var tc;
$(document).ready(function(e) {
$("#payments").msDropdown({
visibleRows : 4
});
});
</script>
答
你可以风格的项目背景色:
.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; }
您也可以根据风格上启用/禁用:
谢谢。你的意思是在
不,绝对不是'选项',也许是'选择'。但是,看起来你已经需要在'select'上有一个id来获得该jQuery插件的工作。所以,只需重新使用它。 – dgrundel
谢谢你的回复。你可以发布一些代码吗?假设我想要3班(绿色,橙色和红色)。我如何设置下拉列表中每个选项的背景? –