javascript - get value of each tr to be passed in an ajax request -
i have table data db. want data tr of each td , pass on ajax request passed page.
while($row = mysqli_fetch_array($result, mysqli_both)) { echo '<tr>'; echo '<td id="t_name">' .$row['name']. '<input type="hidden" id="sell_id" value='.$row['id'].'> <input type="hidden" id="t_id" value='.$row['telco_id'].' > </td>'; echo '<td id="keyword_name">' .$row['keyword']. ' <input type="hidden" id="keyword_id" value='.$row['keyword_id'].' > </td>'; echo '<td id="main_cross">' .$row['main_message']. '</td>'; echo '<td id="alternate_cross">' .$row['alternate_message']. '</td>'; echo '<td id="start_date">' .$row['start_timestamp'].' </td>'; echo '<td id="end_date">' .$row['end_timestamp'].' </td>'; echo '<td> <a href="javascript:void(0);" id="editcrosssell"> <i class="menu-icon icon-edit" style="color:black;"></i></a> <a href="javascript:void(0);"> <i class="menu-icon icon-trash" style="color:black;"> </i> </a> </td>'; echo '</tr>'; $count++; }
here jquery have created. problem here 1 tr , when click row not passing. kindly me this. thanks
$('#editcrosssell').click(function() { var t_name = $('#t_name').text(); var keyword_name = $('#keyword_name').text(); var t_id = $('#tid').val(); var keyword_id = $('#keyword_id').val(); var cross_id = $('#sell_id').val(); var main_sell = $('#main_cross').text(); var alteernate_sell = $('#alternate_cross').text(); var start_date = $('#start_date').text(); var end_date = $('#end_date').text(); $.ajax({ type: "post", url: "editcrosssell.php", async: true, data: {t_name : t_name, keyname : keyword_name, t_id : t_id, keyid : keyword_id, main_cross : main_sell, alternate_cross : alteernate_sell, startdate : start_date, enddate : end_date, action : "update", cross_sell_id: cross_id}, success: function(data) { $('#module').html(data); $('#modulesearch').hide(); }, beforesend: function() { $('#loader').show(); }, complete: function() { $('#loader').hide(); } }); });
$('.editcrosssell').click(function() {// change id class var tablerow = $(this).closest('tr'); var t_name = tablerow.find('.t_name').text();//change class var keyword_name = tablerow.find('.keyword_name').text();//change class var t_id = tablerow.find('.tid').val();//change class var keyword_id = tablerow.find('.keyword_id').val();//change class var cross_id = tablerow.find('.sell_id').val();//change class var main_sell = tablerow.find('.main_cross').text();//change class var alteernate_sell = tablerow.find('.alternate_cross').text();//change class var start_date = tablerow.find('.#start_date').text();//change class var end_date = tablerow.find('.end_date').text();//change class $.ajax({ type: "post", url: "editcrosssell.php", async: true, data: { t_name: t_name, keyname: keyword_name, t_id: t_id, keyid: keyword_id, main_cross: main_sell, alternate_cross: alteernate_sell, startdate: start_date, enddate: end_date, action: "update", cross_sell_id: cross_id }, success: function(data) { $('#module').html(data); $('#modulesearch').hide(); }, beforesend: function() { $('#loader').show(); }, complete: function() { $('#loader').hide(); } }); });
try way. hope understood correctly
Comments
Post a Comment