Filter RadioButtonList nach eingegebenem Text in Textfeld

Question

Ich habe Textfeld & Radiobuttonlist. Auf Textfeld Fokus wird Radiobuttonlist umschalten. Mein Problem ist, wenn ich ungefähr 1000 Liste von Datensätzen in RadioButtonlist habe, dann wird es schwierig, spezifische Liste des Wortes so zu finden, was ich brauche, nehme an, dass ich Buchstaben in Textfeld & entsprechend eingegebenem Text eintippe, den ich nur diese in Verbindung stehende Liste von Radiobuttonlist zeigen sollte.

z. Ich tippe cr dann nur Liste Wörter beginnt mit cr sollte angezeigt werden.

Ich habe es so gemacht.

<div class="filters-panel service-toggleH"> 
    <asp:TextBox ID="servicesFilter" placeholder="Search Services" autocomplete="off" CssClass="locator service-text" runat="server"></asp:TextBox> 
     <div class="down-icon"></div> 
     <div class="clear"></div> 
     <div class="toggle-content service-toggle"> 
      <asp:RadioButtonList ID="servicesList" AutoPostBack="true" CssClass="mark" runat="server" RepeatLayout="Flow"> 
         <asp:ListItem Value="All" Selected="True">All Treatments</asp:ListItem> 
       </asp:RadioButtonList> 
     </div> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
     $(".service-text").click(function() { 
     $(".service-toggle").toggle(); 
}); 
</script> 

besiedelte Radiobuttonlist

Private Sub PopulateServices() 
     Using conn As New MySqlConnection() 
      conn.ConnectionString = ConfigurationManager _ 
       .ConnectionStrings("conio").ConnectionString() 
      Using cmd As New MySqlCommand() 
       cmd.CommandText = "select * from services where status = 'active'" 
       cmd.Connection = conn 
       conn.Open() 
       Using sdr As MySqlDataReader = cmd.ExecuteReader() 
        While sdr.Read() 
         Dim item As New ListItem() 
         item.Text = sdr("serviceName").ToString() 
         item.Value = sdr("serviceName").ToString() 
         'item.Selected = Convert.ToBoolean(sdr("IsSelected")) 
         servicesList.Items.Add(item) 
        End While 
       End Using 
       conn.Close() 
      End Using 
     End Using 
    End Sub 

Hinweis: - My Radiobuttonlist aus Datenbanktabelle bevöl

Answer 1

Sie können das Optionsfeld Liste durch den Text Optionsfeld sortieren haben, dann wird es einfach sein zu finden, aber Wenn du das nicht kannst, kannst du so etwas tun.

$(document).ready(function() { 
     $(".service-text").keyup(function() { 
      $textBox = $(this);  
      $(".toggle-content service-toggle :radio").each(function(){ 
       if($(this).next().text().indexOf($textBox.text() == 0)) 
         $(this).closest('tr').show(); 
       else 
         $(this).closest('tr').hide(); 
      }); 
     }); 
});