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下拉菜單設置背景顏色

回答

相關問題