Dropdown buton yardım

Dropdown buton yardım

Merhaba Arkadaşlar
Ajax ve Dropdown buton konusunda yardıma ihtiyacım, yapmak istediğim Dropdown da hangi seçeneği seçersem, buton olarak o aktif olsun, mesela Onaylı ise btn btn-success butonu aktif olsun, Onaysız ise btn btn-danger butonu aktif olsun, Bekleme de ise btn btn-warning butonu aktif olsun, bu konuda yardımlarınıza ihtiyacım var,
teşekkürler

<div class="btn-group">
    <button type="button" class="btn btn-success">Onaylı</button>
    <button type="button" class="btn btn-success dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-chevron-down"></i></button>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Onaylı</a>
        <a class="dropdown-item" href="#">Onaysız</a>
        <a class="dropdown-item" href="#">Bekleme</a>
    </div>
</div>

Her linke class ekleyin. Örneğin onayli, onaysiz, beklemede gibi. Örn : <a class="dropdown-item onayli" href="#">Onaylı</a>
Butona da class ekleyin. Örneğin : islem
Küçük bir kod paylaşayım, diğer linkler için siz uyarlama yaparsınız.
$('.onayli').click(function() {
$(".islem").removeClass();
$(".islem" ).addClass('btn');
$(".islem" ).addClass('btn-success');
});

Merhaba Hocam
aşağıdaki şekilde yapmıştım olmadı, resimdeki şekilde kalıyor

<div class="btn-group">
                                            <button id="durumyazisi-<?=$bilgi->id?>" type="button" class="btn <?=$bilgi->durum=="1"?'btn-success':''?><?=$bilgi->durum=="0"?' btn-warning':''?>"><?=$bilgi->durum=="1"?'Yayında':''?><?=$bilgi->durum=="0"?'  Beklemede':''?></button>
                                            <button id="durumyazisi-<?=$bilgi->id?>" type="button" class="btn <?=$bilgi->durum=="1"?'btn-success':''?><?=$bilgi->durum=="0"?'btn-warning':''?> dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="True"><i class="mdi mdi-chevron-down"></i></button>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item" href="javascript:void(0);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','1');$('#durumyazisi-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi-<?=$bilgi->id?>').attr('class','btn btn-success');">Yayında</a>
                                                <a class="dropdown-item" href="javascript:void(2);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','0');$('#durumyazisi-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi-<?=$bilgi->id?>').attr('class','btn btn-warning');">Beklemede</a>
                                            </div>
                                        </div>