如何将jQuery / AJAX结果导入表格单元格

时间:2012-09-11 17:12:13

标签: php javascript jquery mysql ajax

我这里有这个脚本从sql db查询输出结果但是我无法弄清楚如何将结果放在指定的表格单元格中。

这是查询:

<script type="text/javascript">

$(document).ready(function(){
$('.typeval').change(function(){
    var movement =  $(this).val();
    var client_id = $(this).parent().siblings().find('.clientval').val();
    var class_id = <? echo $class_id; ?>;

$.ajax({ 
  type: "POST",
  url: "movement_count.php",
  data: {movement:movement, client_id:client_id, class_id:class_id},
  dataType: "json", 
  success:(function(output) {

      $.each(output, function(index, value){
      alert(value);
      $(".count").append(output[value]);
      }) // each

   }) // success

  }); // ajax

  }); // .typeval

});  // document

</script>   

我想把这个(值)的结果:

alert(value);

进入这里:

<td><label class="count"></label></td>

<td>的目标是与触发结果的<select>菜单相同的行。还会有多个表行与此完全相同的单元格<td>。所以我需要以某种方式定位此行上的<td>。有人可以帮我弄这个吗?我不确定我是否需要$.each,但我的php查询是一个mysql_fetch_row数组,即使返回的值总是只有一个数字。

以下是我需要value的表格单元格的HTML标记:

<td><label class="count"></label></td>

class=count的JS源代码:

$(".count").append(output[index]);

ITS工作!!!! 这里是以下代码

$(document).ready(function(){
$('.typeval').change(function(){
    var movement    =  $(this).val();
    var client_id   = $(this).parent().siblings().find('.clientval').val();
    var class_id    = <? echo $class_id; ?>;
        $count      = $(this).parents('tr').find('label.count');

$.ajax({ 
  type: "POST",
  url: "movement_count.php",
  data: {movement:movement, client_id:client_id, class_id:class_id},
  dataType: "json", 
  success:(function(output) {

      $.each(output, function(index, value){
      //alert(value);
      $count.append(output[index]);
      }) // each

   }) // success

}); // ajax

}); // .typeval

});  // document

2 个答案:

答案 0 :(得分:1)

替换此

$("label.count<?php echo $client_id; ?>").append(output[value]);

$("label.count<?php echo $client_id; ?>").append(value);

或者替代这个

$("label.count<?php echo $client_id; ?>").append(output[index]);

希望这会有所帮助!!

答案 1 :(得分:0)

工作代码:

$(document).ready(function(){
   $('.typeval').change(function(){
    var movement    =  $(this).val();
    var client_id   = $(this).parent().siblings().find('.clientval').val();
    var class_id    = <? echo $class_id; ?>;
        $count      = $(this).parents('tr').find('label.count');

 $.ajax({ 
  type: "POST",
  url: "movement_count.php",
  data: {movement:movement, client_id:client_id, class_id:class_id},
  dataType: "json", 
  success:(function(output) {

      $.each(output, function(index, value){
      //alert(value);
      $count.append(output[index]);
      }) // each

   }) // success

}); // ajax

}); // .typeval

});  // document