jquery - 選択後に透明なテキストでHTMLを選択しますか?

Question

さまざまな色の背景オプションを備えた HTML 選択があります。それはうまくいきますが、ちょっとしたことが必要です。ドロップダウン オプションのテキストは、ドロップダウンが開いている場合にのみ表示されます。基本的に、オプションを選択すると透明なテキストが必要になるので、色しか見えません。

Jクエリ:

$(document).ready(function () {
        $('select[id^=dropdown]').children().each(function () {
            colors = { "N": "lightgrey", "G": "green", "O": "orange", "A": "yellow", "R": "red", "U": "purple" }
            $(this).attr('style', 'background-color:' + colors[$(this).val()] + ';');
        });
        $('select[id^=dropdown]').change(function () {
            $(this).attr('style', $(this).find('option:selected').attr('style'));
        }).change();
    });

HTML 選択:

<select class="selectElement" runat="server" id="dropdown_test">
    <option value="N">N</option>
    <option value="G">G</option>
    <option value="O">O</option>
    <option value="A">A</option>
    <option value="R">R</option>
    <option value="U">U</option>
</select>