Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- function NUMAR() {
- var input, filter, table, tr, td, i;
- input = document.getElementById("myInput").value.toLowerCase(); // Textul din input
- tr = document.getElementById("myTable").getElementsByTagName("tr"); //Lista cu fiecare rand din
- for (i = 0; i < tr.length; i++) {
- tds = tr[i].getElementsByTagName("td"); //toate celulele din randul curent (1-3)
- var display = false; // Presupunem ca nu se afiseaza
- if(input.length == 0) display = true; // Daca textul de filtru este 0, se afiseaza oricum
- if(tds.length == 0) display = true; // Daca nu avem niciun td, se afiseaza oricum (titlul tabelului <th> va fi exceptat, de ex.)
- for(var td of tds){ // Pentru fiecare celula din tds
- if (td.innerHTML.toLowerCase().indexOf(input) > -1) { // Daca inputul se afla in ea, se afiseaza
- display = true;
- }
- }
- if(display){
- tr[i].style.display = "";
- }else{
- tr[i].style.display = "none";
- }
- }
- }
- </script>
- <input id="myInput" oninput="NUMAR()"><br>
- <table id="myTable">
- <tr>
- <th>Nr.</th>
- <th>Nume</th>
- <th>Clasa</th>
- </tr>
- <tr>
- <td>1</td>
- <td>Andrei</td>
- <td>5</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Alexandru Ioan</td>
- <td>7</td>
- </tr>
- <tr>
- <td>3</td>
- <td>Vasile Alexandri</td>
- <td>12</td>
- </tr>
- <tr>
- <td>4</td>
- <td>Marcelin</td>
- <td>11</td>
- </tr>
- </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement