Раскрывающийся список автозаполнения на основе проверенного переключателя

---

У меня есть выпадающий список и два переключателя Jquery .. выпадающий список заполнен именами игроков, такими как

<div class="row">
    <label class="col-md-5">Players Total</label>
    <div class="col-md-7">
        <asp:DropDownList ID="ddlPlayers" runat="server" CssClass="form-control">
            <asp:ListItem Text="--Select--" Value=""></asp:ListItem>
            <asp:ListItem Text="Sehwag" Value="Sehwag"></asp:ListItem>
            <asp:ListItem Text="Kohli" Value="Kohli"></asp:ListItem>
            <asp:ListItem Text="Sachin" Value="Sachin"></asp:ListItem>
            <asp:ListItem Text="ABD" Value="ABD"></asp:ListItem>
            <asp:ListItem Text="Miller" Value="Miller"></asp:ListItem>
            <asp:ListItem Text="Quinton d" Value="Quinton d"></asp:ListItem>
        </asp:DropDownList>
        <label id="lblPlayer" style="display: none"></label>
    </div>
</div>

и два переключателя

 <div class="row">
    <label class="col-sm-5"></label>
    <div class="col-sm-7">
     <div class="col-sm-12">
        <div class="row">
            <div class="col-sm-6">
                <input type="radio" id="rdoIndia" name="Player" />
                <label for="rdoIndia">India</label>
            </div>
            <div class="col-sm-6">
                <input type="radio" id="rdoSa" name="Player" />
                <label for="rdoSa">South Africa</label>
            </div>
        </div>
    </div>
</div>

Когда я проверяю один переключатель india, все индийские игроки должны быть заполнены в одном и том же выпадающем списке выше.
когда я проверяю другой переключатель, все южноафриканские игроки должны быть заполнены в том же выпадающем списке, что и все предыдущие..

общий код, который я использовал, - это front end, поэтому, используя только front end, мне нужно автоматически заполнить выпадающий список на основе выбора переключателя

пожалуйста, помогите...?
есть идеи?..

Что я уже пробовал:

var options = $('#<%=ddlPlayers.ClientID%>').html();

$('#rdoIndia').click(function (e) {
    var text = $('#<%=ddlPlayers.ClientID%>').text();
    alert(text);
  //  $('#<%=ddlPlayers.ClientID%>').html(options);
  //  if (text == "--Select--") return;
    $('#<%=ddlPlayers.ClientID%>').append('<option>' + text.substr(0, 3).val() + '</option>');
  
    alert("Hi");
});

---