I have a dropdown list and two Jquery radio buttons..dropdown list is populated
with players names like
<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>
and two radio buttons
<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>
</div>
When i check one radio button india all the india players should be populated in the same dropdown above.
when i check another radio button all the South africa players should be populated in the same dropdown clearing all the
previous..
the total code i used is front end, so using front end only i need to autocomplete drop down based on radio button selection
please help..?
any idea..?