jQuery i dynamiczna tabela

Forum PHP.pl > Forum > Po stronie przeglądarki

jQuery i dynamiczna tabela

Sadamowski Zobacz profil	22.03.2012, 19:47:58 Post #1
Grupa: Zarejestrowani Postów: 20 Pomógł: 1 Dołączył: 4.07.2011 Ostrzeżenie: (0%)	Hej, po dynamicznym dodaniu elementów tabeli, nowe <tr> nie podlegają regule podświetlania czemu to nie działa i co zrobić żeby zaczęło: [HTML] pobierz, plaintext <html> <head> <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $('#button').click(function(){ var id = $('#input1').val(); var val = $('#input2').val(); var newTR = '<tr><td>' + id + '</td><td>' + val + '</td></tr>'; $('#tab').append(newTR); }); $('#tab tr').hover(function(){ $(this).css('background','red'); }, function(){ $(this).css('background',''); } ); }); </script> </head> <body> <h1> Header1 </h1> <form id='form1' name='form1'> <input id='input1' name='input1' value=''/> <input id='input2' name='input2' value=''/> </form> <table id='tab' name='tab' style='width: 400px;' > <tr> <th>id</th> <th>Value</th> </tr> <tr> <td>Test1</td> <td>Test2</td> </tr> </table> <input id="button" type="button" value="Click Me" /> <body> </html> [HTML] pobierz, plaintext ciekawe jest ze jesli dodaje nowe elementy do <selecta> to możemy z nich zczytywać wartości czyli uzyskujemy dostęp to nowo wygenerowanych elementów: tak jak tu: [HTML] pobierz, plaintext <script type="text/javascript"> $(document).ready(function(){ $('#button').click(function(){ var id = $('#input1').val(); var val = $('#input2').val(); var newTR = '<option value=' + id + '>' + val + '</option>'; $('#sel').append(newTR); }); $('#sel').change(function(){ var s = $('#sel').val(); alert(s); }); }); </script> </head> <body> <h1> Header1 </h1> <form id='form1' name='form1'> <input id='input1' name='input1' value=''/> <input id='input2' name='input2' value=''/> </form> <select id='sel' name='sel'> <option value='1'> Param </option> <option value='2'> Param </option> </select> <br> <label> Value </label> <input id='Enter' name='Enter'></input> <input id="button" type="button" value="Click Me" /> [HTML] pobierz, plaintext z góry dzieki za odpowiedz Ten post edytował Sadamowski 22.03.2012, 19:50:18