how to display records according dropdown list...

i implement it as below but not working...

i implement it in my asp.net C# Web application and also in classic asp page but not working.

where i made mistake....?

"text/javascript">
$("#drop1").change(function () {
var number = $(this).val();
alert(number);
$("#myTable tbody tr").show();
if (number != "0" || number != "-1") {
var all = $("#myTable tbody tr").length;
$("#myTable tbody tr").slice(-(all - number)).hide();
}
if (number == "0" || number == "-1") {
alert("all");
$("#myTable tbody tr").show();
}
});

<div>
<asp:DropDownList ID="drop1" runat="server">
<asp:ListItem Value="1">1asp:ListItem>
<asp:ListItem Value="2">2asp:ListItem>
<asp:ListItem Value="3">3asp:ListItem>
<asp:ListItem Value="0">Allasp:ListItem>
asp:DropDownList>
div>

<table id="myTable" class="display nowrap" >
<thead>
<tr>
<th>Nameth>
<th>Positionth>
<th>Officeth>
<th>Ageth>
<th>Start dateth>
<th>Salaryth>
tr>
thead>
<tbody>
<tr>
<td>Tiger Nixontd>
<td>System Architecttd>
<td>Edinburghtd>
<td>61td>
<td>2011/04/25td>
<td>$320,800td>
tr>
<tr>
<td>Garrett Winterstd>
<td>Accountanttd>
<td>Tokyotd>
<td>63td>
<td>2011/07/25td>
<td>$170,750td>
tr>
<tr>
<td>Ashton Coxtd>
<td>Junior Technical Authortd>
<td>San Franciscotd>
<td>66td>
<td>2009/01/12td>
<td>$86,000td>
tr>
<tr>
<td>Cedric Kellytd>
<td>Senior Javascript Developertd>
<td>Edinburghtd>
<td>22td>
<td>2012/03/29td>
<td>$433,060td>
tr>
<tr>
<td>Airi Satoutd>
<td>Accountanttd>
<td>Tokyotd>
<td>33td>
<td>2008/11/28td>
<td>$162,700td>
tr>
<tr>
<td>Brielle Williamsontd>
<td>Integration Specialisttd>
<td>New Yorktd>
<td>61td>
<td>2012/12/02td>
<td>$372,000td>
tr>
<tr>
<td>Herrod Chandlertd>
<td>Sales Assistanttd>
<td>San Franciscotd>
<td>59td>
<td>2012/08/06td>
<td>$137,500td>
tr>
<tr>
<td>Rhona Davidsontd>
<td>Integration Specialisttd>
<td>Tokyotd>
<td>55td>
<td>2010/10/14td>
<td>$327,900td>
tr>
<tr>
<td>Colleen Hursttd>
<td>Javascript Developertd>
<td>San Franciscotd>
<td>39td>
<td>2009/09/15td>
<td>$205,500td>
tr>
<tr>
<td>Sonya Frosttd>
<td>Software Engineertd>
<td>Edinburghtd>
<td>23td>
<td>2008/12/13td>
<td>$103,600td>
tr>
<tr>
<td>Jena Gainestd>
<td>Office Managertd>
<td>Londontd>
<td>30td>
<td>2008/12/19td>
<td>$90,560td>
tr>
<tr>
<td>Quinn Flynntd>
<td>Support Leadtd>
<td>Edinburghtd>
<td>22td>
<td>2013/03/03td>
<td>$342,000td>
tr>
<tr>
<td>Charde Marshalltd>
<td>Regional Directortd>
<td>San Franciscotd>
<td>36td>
<td>2008/10/16td>
<td>$470,600td>
tr>
<tr>
<td>Haley Kennedytd>
<td>Senior Marketing Designertd>
<td>Londontd>
<td>43td>
<td>2012/12/18td>
<td>$313,500td>
tr>
<tr>
<td>Tatyana Fitzpatricktd>
<td>Regional Directortd>
<td>Londontd>
<td>19td>
<td>2010/03/17td>
<td>$385,750td>
tr>
<tr>
<td>Michael Silvatd>
<td>Marketing Designertd>
<td>Londontd>
<td>66td>
<td>2012/11/27td>
<td>$198,500td>
tr>
<tr>
<td>Paul Byrdtd>
<td>Chief Financial Officer (CFO)td>
<td>New Yorktd>
<td>64td>
<td>2010/06/09td>
<td>$725,000td>
tr>
<tr>
<td>Gloria Littletd>
<td>Systems Administratortd>
<td>New Yorktd>
<td>59td>
<td>2009/04/10td>
<td>$237,500td>
tr>
<tr>
<td>Bradley Greertd>
<td>Software Engineertd>
<td>Londontd>
<td>41td>
<td>2012/10/13td>
<td>$132,000td>
tr>
<tr>
<td>Dai Riostd>
<td>Personnel Leadtd>
<td>Edinburghtd>
<td>35td>
<td>2012/09/26td>
<td>$217,500td>
tr>
<tr>
<td>Jenette Caldwelltd>
<td>Development Leadtd>
<td>New Yorktd>
<td>30td>
<td>2011/09/03td>
<td>$345,000td>
tr>
<tr>
<td>Yuri Berrytd>
<td>Chief Marketing Officer (CMO)td>
<td>New Yorktd>
<td>40td>
<td>2009/06/25td>
<td>$675,000td>
tr>
<tr>
<td>Caesar Vancetd>
<td>Pre-Sales Supporttd>
<td>New Yorktd>
<td>21td>
<td>2011/12/12td>
<td>$106,450td>
tr>
<tr>
<td>Doris Wildertd>
<td>Sales Assistanttd>
<td>Sydneytd>
<td>23td>
<td>2010/09/20td>
<td>$85,600td>
tr>
<tr>
<td>Angelica Ramostd>
<td>Chief Executive Officer (CEO)td>
<td>Londontd>
<td>47td>
<td>2009/10/09td>
<td>$1,200,000td>
tr>
<tr>
<td>Gavin Joycetd>
<td>Developertd>
<td>Edinburghtd>
<td>42td>
<td>2010/12/22td>
<td>$92,575td>
tr>
<tr>
<td>Jennifer Changtd>
<td>Regional Directortd>
<td>Singaporetd>
<td>28td>
<td>2010/11/14td>
<td>$357,650td>
tr>
<tr>
<td>Brenden Wagnertd>
<td>Software Engineertd>
<td>San Franciscotd>
<td>28td>
<td>2011/06/07td>
<td>$206,850td>
tr>
<tr>
<td>Fiona Greentd>
<td>Chief Operating Officer (COO)td>
<td>San Franciscotd>
<td>48td>
<td>2010/03/11td>
<td>$850,000td>
tr>
<tr>
<td>Shou Itoutd>
<td>Regional Marketingtd>
<td>Tokyotd>
<td>20td>
<td>2011/08/14td>
<td>$163,000td>
tr>
<tr>
<td>Michelle Housetd>
<td>Integration Specialisttd>
<td>Sydneytd>
<td>37td>
<td>2011/06/02td>
<td>$95,400td>
tr>
<tr>
<td>Suki Burkstd>
<td>Developertd>
<td>Londontd>
<td>53td>
<td>2009/10/22td>
<td>$114,500td>
tr>
<tr>
<td>Prescott Bartletttd>
<td>Technical Authortd>
<td>Londontd>
<td>27td>
<td>2011/05/07td>
<td>$145,000td>
tr>
<tr>
<td>Gavin Corteztd>
<td>Team Leadertd>
<td>San Franciscotd>
<td>22td>
<td>2008/10/26td>
<td>$235,500td>
tr>
<tr>
<td>Martena Mccraytd>
<td>Post-Sales supporttd>
<td>Edinburghtd>
<td>46td>
<td>2011/03/09td>
<td>$324,050td>
tr>
<tr>
<td>Unity Butlertd>
<td>Marketing Designertd>
<td>San Franciscotd>
<td>47td>
<td>2009/12/09td>
<td>$85,675td>
tr>
<tr>
<td>Howard Hatfieldtd>
<td>Office Managertd>
<td>San Franciscotd>
<td>51td>
<td>2008/12/16td>
<td>$164,500td>
tr>
<tr>
<td>Hope Fuentestd>
<td>Secretarytd>
<td>San Franciscotd>
<td>41td>
<td>2010/02/12td>
<td>$109,850td>
tr>
<tr>
<td>Vivian Harrelltd>
<td>Financial Controllertd>
<td>San Franciscotd>
<td>62td>
<td>2009/02/14td>
<td>$452,500td>
tr>
<tr>
<td>Timothy Mooneytd>
<td>Office Managertd>
<td>Londontd>
<td>37td>
<td>2008/12/11td>
<td>$136,200td>
tr>
<tr>
<td>Jackson Bradshawtd>
<td>Directortd>
<td>New Yorktd>
<td>65td>
<td>2008/09/26td>
<td>$645,750td>
tr>
<tr>
<td>Olivia Liangtd>
<td>Support Engineertd>
<td>Singaporetd>
<td>64td>
<td>2011/02/03td>
<td>$234,500td>
tr>
<tr>
<td>Bruno Nashtd>
<td>Software Engineertd>
<td>Londontd>
<td>38td>
<td>2011/05/03td>
<td>$163,500td>
tr>
<tr>
<td>Sakura Yamamototd>
<td>Support Engineertd>
<td>Tokyotd>
<td>37td>
<td>2009/08/19td>
<td>$139,575td>
tr>
<tr>
<td>Thor Waltontd>
<td>Developertd>
<td>New Yorktd>
<td>61td>
<td>2013/08/11td>
<td>$98,540td>
tr>
<tr>
<td>Finn Camachotd>
<td>Support Engineertd>
<td>San Franciscotd>
<td>47td>
<td>2009/07/07td>
<td>$87,500td>
tr>
<tr>
<td>Serge Baldwintd>
<td>Data Coordinatortd>
<td>Singaporetd>
<td>64td>
<td>2012/04/09td>
<td>$138,575td>
tr>
<tr>
<td>Zenaida Franktd>
<td>Software Engineertd>
<td>New Yorktd>
<td>63td>
<td>2010/01/04td>
<td>$125,250td>
tr>
<tr>
<td>Zorita Serranotd>
<td>Software Engineertd>
<td>San Franciscotd>
<td>56td>
<td>2012/06/01td>
<td>$115,000td>
tr>
<tr>
<td>Jennifer Acostatd>
<td>Junior Javascript Developertd>
<td>Edinburghtd>
<td>43td>
<td>2013/02/01td>
<td>$75,650td>
tr>
<tr>
<td>Cara Stevenstd>
<td>Sales Assistanttd>
<td>New Yorktd>
<td>46td>
<td>2011/12/06td>
<td>$145,600td>
tr>
<tr>
<td>Hermione Butlertd>
<td>Regional Directortd>
<td>Londontd>
<td>47td>
<td>2011/03/21td>
<td>$356,250td>
tr>
<tr>
<td>Lael Greertd>
<td>Systems Administratortd>
<td>Londontd>
<td>21td>
<td>2009/02/27td>
<td>$103,500td>
tr>
<tr>
<td>Jonas Alexandertd>
<td>Developertd>
<td>San Franciscotd>
<td>30td>
<td>2010/07/14td>
<td>$86,500td>
tr>
<tr>
<td>Shad Deckertd>
<td>Regional Directortd>
<td>Edinburghtd>
<td>51td>
<td>2008/11/13td>
<td>$183,000td>
tr>
<tr>
<td>Michael Brucetd>
<td>Javascript Developertd>
<td>Singaporetd>
<td>29td>
<td>2011/06/27td>
<td>$183,000td>
tr>
<tr>
<td>Donna Snidertd>
<td>Customer Supporttd>
<td>New Yorktd>
<td>27td>
<td>2011/01/25td>
<td>$112,000td>
tr>
tbody>
table>

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
I have used plain jquery and html table as you can see in the jsfiddle and is working fine.
I guess, you have used master's page and thus ID is not working for that use below
"text/javascript">

$("[id$=drop1]").change(function () { // notice here
var number = $(this).val();
          alert(number);
          $("#myTable tbody tr").show();

          if (number != "0" || number != "-1") {
              var all = $("#myTable tbody tr").length;
              $("#myTable tbody tr").slice(-(all - number)).hide();
          }
          if (number == "0" || number == "-1") {
              alert("all");
              $("#myTable tbody tr").show();
          }
      });
Bhavesh Vankar4y ago
i implement it as below but not working...
i implement it in my asp.net C# Web application and also in classic asp page but not working.
where i made mistake....?
"text/javascript">
      $("#drop1").change(function () {
          var number = $(this).val();
          alert(number);
          $("#myTable tbody tr").show();

          if (number != "0" || number != "-1") {
              var all = $("#myTable tbody tr").length;
              $("#myTable tbody tr").slice(-(all - number)).hide();
          }
          if (number == "0" || number == "-1") {
              alert("all");
              $("#myTable tbody tr").show();
          }
      });
<div>
           <asp:DropDownList ID="drop1" runat="server">
               <asp:ListItem Value="1">1asp:ListItem>
               <asp:ListItem Value="2">2asp:ListItem>
               <asp:ListItem Value="3">3asp:ListItem>
               <asp:ListItem Value="0">Allasp:ListItem>
           asp:DropDownList>
       div>
<table id="myTable" class="display nowrap" >
            <thead>
                <tr>
                    <th>Nameth>
                    <th>Positionth>
                    <th>Officeth>
                    <th>Ageth>
                    <th>Start dateth>
                    <th>Salaryth>
                tr>
            thead>
            <tbody>
                <tr>
                    <td>Tiger Nixontd>
                    <td>System Architecttd>
                    <td>Edinburghtd>
                    <td>61td>
                    <td>2011/04/25td>
                    <td>$320,800td>
                tr>
                <tr>
                    <td>Garrett Winterstd>
                    <td>Accountanttd>
                    <td>Tokyotd>
                    <td>63td>
                    <td>2011/07/25td>
                    <td>$170,750td>
                tr>
                <tr>
                    <td>Ashton Coxtd>
                    <td>Junior Technical Authortd>
                    <td>San Franciscotd>
                    <td>66td>
                    <td>2009/01/12td>
                    <td>$86,000td>
                tr>
                <tr>
                    <td>Cedric Kellytd>
                    <td>Senior Javascript Developertd>
                    <td>Edinburghtd>
                    <td>22td>
                    <td>2012/03/29td>
                    <td>$433,060td>
                tr>
                <tr>
                    <td>Airi Satoutd>
                    <td>Accountanttd>
                    <td>Tokyotd>
                    <td>33td>
                    <td>2008/11/28td>
                    <td>$162,700td>
                tr>
                <tr>
                    <td>Brielle Williamsontd>
                    <td>Integration Specialisttd>
                    <td>New Yorktd>
                    <td>61td>
                    <td>2012/12/02td>
                    <td>$372,000td>
                tr>
                <tr>
                    <td>Herrod Chandlertd>
                    <td>Sales Assistanttd>
                    <td>San Franciscotd>
                    <td>59td>
                    <td>2012/08/06td>
                    <td>$137,500td>
                tr>
                <tr>
                    <td>Rhona Davidsontd>
                    <td>Integration Specialisttd>
                    <td>Tokyotd>
                    <td>55td>
                    <td>2010/10/14td>
                    <td>$327,900td>
                tr>
                <tr>
                    <td>Colleen Hursttd>
                    <td>Javascript Developertd>
                    <td>San Franciscotd>
                    <td>39td>
                    <td>2009/09/15td>
                    <td>$205,500td>
                tr>
                <tr>
                    <td>Sonya Frosttd>
                    <td>Software Engineertd>
                    <td>Edinburghtd>
                    <td>23td>
                    <td>2008/12/13td>
                    <td>$103,600td>
                tr>
                <tr>
                    <td>Jena Gainestd>
                    <td>Office Managertd>
                    <td>Londontd>
                    <td>30td>
                    <td>2008/12/19td>
                    <td>$90,560td>
                tr>
                <tr>
                    <td>Quinn Flynntd>
                    <td>Support Leadtd>
                    <td>Edinburghtd>
                    <td>22td>
                    <td>2013/03/03td>
                    <td>$342,000td>
                tr>
                <tr>
                    <td>Charde Marshalltd>
                    <td>Regional Directortd>
                    <td>San Franciscotd>
                    <td>36td>
                    <td>2008/10/16td>
                    <td>$470,600td>
                tr>
                <tr>
                    <td>Haley Kennedytd>
                    <td>Senior Marketing Designertd>
                    <td>Londontd>
                    <td>43td>
                    <td>2012/12/18td>
                    <td>$313,500td>
                tr>
                <tr>
                    <td>Tatyana Fitzpatricktd>
                    <td>Regional Directortd>
                    <td>Londontd>
                    <td>19td>
                    <td>2010/03/17td>
                    <td>$385,750td>
                tr>
                <tr>
                    <td>Michael Silvatd>
                    <td>Marketing Designertd>
                    <td>Londontd>
                    <td>66td>
                    <td>2012/11/27td>
                    <td>$198,500td>
                tr>
                <tr>
                    <td>Paul Byrdtd>
                    <td>Chief Financial Officer (CFO)td>
                    <td>New Yorktd>
                    <td>64td>
                    <td>2010/06/09td>
                    <td>$725,000td>
                tr>
                <tr>
                    <td>Gloria Littletd>
                    <td>Systems Administratortd>
                    <td>New Yorktd>
                    <td>59td>
                    <td>2009/04/10td>
                    <td>$237,500td>
                tr>
                <tr>
                    <td>Bradley Greertd>
                    <td>Software Engineertd>
                    <td>Londontd>
                    <td>41td>
                    <td>2012/10/13td>
                    <td>$132,000td>
                tr>
                <tr>
                    <td>Dai Riostd>
                    <td>Personnel Leadtd>
                    <td>Edinburghtd>
                    <td>35td>
                    <td>2012/09/26td>
                    <td>$217,500td>
                tr>
                <tr>
                    <td>Jenette Caldwelltd>
                    <td>Development Leadtd>
                    <td>New Yorktd>
                    <td>30td>
                    <td>2011/09/03td>
                    <td>$345,000td>
                tr>
                <tr>
                    <td>Yuri Berrytd>
                    <td>Chief Marketing Officer (CMO)td>
                    <td>New Yorktd>
                    <td>40td>
                    <td>2009/06/25td>
                    <td>$675,000td>
                tr>
                <tr>
                    <td>Caesar Vancetd>
                    <td>Pre-Sales Supporttd>
                    <td>New Yorktd>
                    <td>21td>
                    <td>2011/12/12td>
                    <td>$106,450td>
                tr>
                <tr>
                    <td>Doris Wildertd>
                    <td>Sales Assistanttd>
                    <td>Sydneytd>
                    <td>23td>
                    <td>2010/09/20td>
                    <td>$85,600td>
                tr>
                <tr>
                    <td>Angelica Ramostd>
                    <td>Chief Executive Officer (CEO)td>
                    <td>Londontd>
                    <td>47td>
                    <td>2009/10/09td>
                    <td>$1,200,000td>
                tr>
                <tr>
                    <td>Gavin Joycetd>
                    <td>Developertd>
                    <td>Edinburghtd>
                    <td>42td>
                    <td>2010/12/22td>
                    <td>$92,575td>
                tr>
                <tr>
                    <td>Jennifer Changtd>
                    <td>Regional Directortd>
                    <td>Singaporetd>
                    <td>28td>
                    <td>2010/11/14td>
                    <td>$357,650td>
                tr>
                <tr>
                    <td>Brenden Wagnertd>
                    <td>Software Engineertd>
                    <td>San Franciscotd>
                    <td>28td>
                    <td>2011/06/07td>
                    <td>$206,850td>
                tr>
                <tr>
                    <td>Fiona Greentd>
                    <td>Chief Operating Officer (COO)td>
                    <td>San Franciscotd>
                    <td>48td>
                    <td>2010/03/11td>
                    <td>$850,000td>
                tr>
                <tr>
                    <td>Shou Itoutd>
                    <td>Regional Marketingtd>
                    <td>Tokyotd>
                    <td>20td>
                    <td>2011/08/14td>
                    <td>$163,000td>
                tr>
                <tr>
                    <td>Michelle Housetd>
                    <td>Integration Specialisttd>
                    <td>Sydneytd>
                    <td>37td>
                    <td>2011/06/02td>
                    <td>$95,400td>
                tr>
                <tr>
                    <td>Suki Burkstd>
                    <td>Developertd>
                    <td>Londontd>
                    <td>53td>
                    <td>2009/10/22td>
                    <td>$114,500td>
                tr>
                <tr>
                    <td>Prescott Bartletttd>
                    <td>Technical Authortd>
                    <td>Londontd>
                    <td>27td>
                    <td>2011/05/07td>
                    <td>$145,000td>
                tr>
                <tr>
                    <td>Gavin Corteztd>
                    <td>Team Leadertd>
                    <td>San Franciscotd>
                    <td>22td>
                    <td>2008/10/26td>
                    <td>$235,500td>
                tr>
                <tr>
                    <td>Martena Mccraytd>
                    <td>Post-Sales supporttd>
                    <td>Edinburghtd>
                    <td>46td>
                    <td>2011/03/09td>
                    <td>$324,050td>
                tr>
                <tr>
                    <td>Unity Butlertd>
                    <td>Marketing Designertd>
                    <td>San Franciscotd>
                    <td>47td>
                    <td>2009/12/09td>
                    <td>$85,675td>
                tr>
                <tr>
                    <td>Howard Hatfieldtd>
                    <td>Office Managertd>
                    <td>San Franciscotd>
                    <td>51td>
                    <td>2008/12/16td>
                    <td>$164,500td>
                tr>
                <tr>
                    <td>Hope Fuentestd>
                    <td>Secretarytd>
                    <td>San Franciscotd>
                    <td>41td>
                    <td>2010/02/12td>
                    <td>$109,850td>
                tr>
                <tr>
                    <td>Vivian Harrelltd>
                    <td>Financial Controllertd>
                    <td>San Franciscotd>
                    <td>62td>
                    <td>2009/02/14td>
                    <td>$452,500td>
                tr>
                <tr>
                    <td>Timothy Mooneytd>
                    <td>Office Managertd>
                    <td>Londontd>
                    <td>37td>
                    <td>2008/12/11td>
                    <td>$136,200td>
                tr>
                <tr>
                    <td>Jackson Bradshawtd>
                    <td>Directortd>
                    <td>New Yorktd>
                    <td>65td>
                    <td>2008/09/26td>
                    <td>$645,750td>
                tr>
                <tr>
                    <td>Olivia Liangtd>
                    <td>Support Engineertd>
                    <td>Singaporetd>
                    <td>64td>
                    <td>2011/02/03td>
                    <td>$234,500td>
                tr>
                <tr>
                    <td>Bruno Nashtd>
                    <td>Software Engineertd>
                    <td>Londontd>
                    <td>38td>
                    <td>2011/05/03td>
                    <td>$163,500td>
                tr>
                <tr>
                    <td>Sakura Yamamototd>
                    <td>Support Engineertd>
                    <td>Tokyotd>
                    <td>37td>
                    <td>2009/08/19td>
                    <td>$139,575td>
                tr>
                <tr>
                    <td>Thor Waltontd>
                    <td>Developertd>
                    <td>New Yorktd>
                    <td>61td>
                    <td>2013/08/11td>
                    <td>$98,540td>
                tr>
                <tr>
                    <td>Finn Camachotd>
                    <td>Support Engineertd>
                    <td>San Franciscotd>
                    <td>47td>
                    <td>2009/07/07td>
                    <td>$87,500td>
                tr>
                <tr>
                    <td>Serge Baldwintd>
                    <td>Data Coordinatortd>
                    <td>Singaporetd>
                    <td>64td>
                    <td>2012/04/09td>
                    <td>$138,575td>
                tr>
                <tr>
                    <td>Zenaida Franktd>
                    <td>Software Engineertd>
                    <td>New Yorktd>
                    <td>63td>
                    <td>2010/01/04td>
                    <td>$125,250td>
                tr>
                <tr>
                    <td>Zorita Serranotd>
                    <td>Software Engineertd>
                    <td>San Franciscotd>
                    <td>56td>
                    <td>2012/06/01td>
                    <td>$115,000td>
                tr>
                <tr>
                    <td>Jennifer Acostatd>
                    <td>Junior Javascript Developertd>
                    <td>Edinburghtd>
                    <td>43td>
                    <td>2013/02/01td>
                    <td>$75,650td>
                tr>
                <tr>
                    <td>Cara Stevenstd>
                    <td>Sales Assistanttd>
                    <td>New Yorktd>
                    <td>46td>
                    <td>2011/12/06td>
                    <td>$145,600td>
                tr>
                <tr>
                    <td>Hermione Butlertd>
                    <td>Regional Directortd>
                    <td>Londontd>
                    <td>47td>
                    <td>2011/03/21td>
                    <td>$356,250td>
                tr>
                <tr>
                    <td>Lael Greertd>
                    <td>Systems Administratortd>
                    <td>Londontd>
                    <td>21td>
                    <td>2009/02/27td>
                    <td>$103,500td>
                tr>
                <tr>
                    <td>Jonas Alexandertd>
                    <td>Developertd>
                    <td>San Franciscotd>
                    <td>30td>
                    <td>2010/07/14td>
                    <td>$86,500td>
                tr>
                <tr>
                    <td>Shad Deckertd>
                    <td>Regional Directortd>
                    <td>Edinburghtd>
                    <td>51td>
                    <td>2008/11/13td>
                    <td>$183,000td>
                tr>
                <tr>
                    <td>Michael Brucetd>
                    <td>Javascript Developertd>
                    <td>Singaporetd>
                    <td>29td>
                    <td>2011/06/27td>
                    <td>$183,000td>
                tr>
                <tr>
                    <td>Donna Snidertd>
                    <td>Customer Supporttd>
                    <td>New Yorktd>
                    <td>27td>
                    <td>2011/01/25td>
                    <td>$112,000td>
                tr>
            tbody>

        table>
Bhavesh Vankar4y ago
which javascript library you have used sir...?
Sachin Singh4y ago
The logic i given you in your previous post, works perfectly fine. I created the fiddle for you check the fiddle
https://jsfiddle.net/1pf4m967/3/

here is the code

"-1">select
"1">1
"2">2
"3">3
"0">All

"myTable" class="display nowrap" align="center" border="1px red">


Nameth>
Positionth>
Officeth>
Ageth>
Start dateth>
Salaryth>




Tiger Nixontd>
System Architecttd>
Edinburghtd>
61td>
2011/04/25td>
$320,800td>


Garrett Winterstd>
Accountanttd>
Tokyotd>
63td>
2011/07/25td>
$170,750td>


Ashton Coxtd>
Junior Technical Authortd>
San Franciscotd>
66td>
2009/01/12td>
$86,000td>


Cedric Kellytd>
Senior Javascript Developertd>
Edinburghtd>
22td>
2012/03/29td>
$433,060td>


$("#select1").change(function()
{
var number=$(this).val();
alert(number);
$("#myTable tbody tr").show();

if(number!="0" || number!="-1")
{
var all=$("#myTable tbody tr").length;
$("#myTable tbody tr").slice(-(all-number)).hide();
}
if(number=="0" || number=="-1")
{
alert("all");
$("#myTable tbody tr").show();

}

});