jQueryを使用して選択リスト内の選択した項目のテキストを変更する方法

Question

以下のスクリプトでは、「my_theme」要素はディレクトリリストの選択リストです。

"change"イベントが発生すると、jqueryが呼び出され、選択されたフォルダにstyle.cssファイルがあるかどうかを調べるための "get"がトリガされます。 getはtrue/falseを返します。

すべて正常です。私はちょうど取得の結果に応じて選択リストの項目を飾る方法を決定しようとしています。

たとえば、falseの場合、選択した項目の背景を灰色にし、オプション名ラベルにテキストを追加したいとします。

したがって、リスト内の現在選択されている項目が「アルファ」で、$ .getがfalseを返す場合、テキストは「アルファ（非アクティブ）」になります。

$('#my_theme').change 
(
    function() 
    { 
    //check if this folder has a style.css file 
    $.get('<?php echo get_bloginfo('template_directory') ?>/getStyle.php', {theme: myImage}, function(data){doActive(data);}); 
    } 
); 

function doActive(data){ 
if(active){ 
    //if the stylesheet is missing, append the label with " (inactive)" 
    $('#my_theme :selected').text() = $('#my_theme :selected').attr('value') + ' (inactive)'; 
    } 

オプションの「value」属性は、そのラベルと同じです。 }

Answer 1

function doActive(data){ 
if(active){ 
    //if the stylesheet is missing, append the label with " (inactive)" 
    $('#my_theme :selected').text($('#my_theme :selected').attr('value') + ' (inactive)'); 
    } 

Answer 2

$('#my_theme :selected').each(function(){ 
    $(this).html($(this).html() + ' (inactive)').css('background-color','gray'); 
});