如何使用jQuery在選擇列表中更改所選項目的文本

Question

在下面的腳本中，「my_theme」元素是目錄列表的選擇列表。

當它的「change」事件被觸發時，jquery被調用並觸發一個「get」來確定所選文件夾是否有一個style.css文件。 get返回true/false。

所有這一切工作正常。我只是試圖根據get的結果來確定如何裝飾選擇列表中的項目。

例如，如果它爲false，我想讓所選項目的背景變灰，並在選項名稱標籤上附加一些文本。

因此，如果列表中當前選定的項目是「alpha」，並且$ .get返回false，則文本應該變成「alpha（不活動）」。

$('#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'); 
});