Wyszukiwanie jquery w danych tabeli i tagu

Question

Jak to zrobić?

Mam HTML i jQuery kodu dla danego rodzaju i stołowych filtr danych (http://jsfiddle.net/tutorialdrive/YM488/) oraz rodzaj i znaczników danych w tym samym polu tekstowym, ale chcę, aby połączyć oba.

mam kod tagu ale także utracił nazwę biblioteki, więc jestem w stanie dodać, że na jsfiddle,

czyli po wpisaniu w wyszukiwarce nazwy lub kliknąć na dane z tabeli (01 Nazwisko, etc.). Dane należy oznaczyć w powyższym obszarze znaczników (test x, test x).

Oto mój kod html i jquery wyszukiwania w tabeli

HTML

 <!-- table for search and filter start --> 
    <label for="kwd_search">Search:</label> <input type="text" id="kwd_search" value=""/> 


    <table id="my-table" border="1" style="border-collapse:collapse"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Sports</th> 
       <th>Country</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Sachin Tendulkar</td> 
       <td>Cricket</td> 
       <td>India</td> 
      </tr> 
      <tr> 
       <td>Tiger Woods</td> 
       <td>Golf</td> 
       <td>USA</td> 
      </tr> 
      <tr> 
       <td>Maria Sharapova</td> 
       <td>Tennis</td> 
       <td>Russia</td> 
      </tr> 
     </tbody> 
    </table> 

    <!-- table for search and filter ends --> 

kod jQuery

 /* jquery for search nad filter table start*/ 

    $(document).ready(function(){ 
     // Write on keyup event of keyword input element 
     $("#kwd_search").keyup(function(){ 
      // When value of the input is not blank 
     var term=$(this).val() 
      if(term != "") 
      { 
       // Show only matching TR, hide rest of them 
       $("#my-table tbody>tr").hide(); 
      $("#my-table td").filter(function(){ 
       return $(this).text().toLowerCase().indexOf(term) >-1 
      }).parent("tr").show(); 
      } 
      else 
      { 
       // When there is no input or clean again, show everything back 
       $("#my-table tbody>tr").show(); 
      } 
     }); 
    }); 

    /* jquery for search nad filter table ends*/ 

Answer 1

Ponieważ nie dostarczyłeś widżetu tokenu, a ponieważ używasz jQuery, proponuję widget UI Select2. Wygląda na to, że ma więcej funkcji, szersze wsparcie i lepszą dokumentację niż wybrana (sugerowana w komentarzach).

http://ivaynberg.github.io/select2/

byłem w poszukiwaniu podobnego interfejsu widget jakiś czas temu. Moje pytanie zostało jednak z jakiegoś powodu zamknięte.

https://stackoverflow.com/questions/11727844/is-there-an-approximate-alternative-to-harvests-chosen-out-there

Jeśli proszą kogoś do wypracowania cały kod implementacji dla ciebie, mógłbym zasugerować https://www.odesk.com/