Javascript 每个表单元格只允许一个查询结果

Javascript 每个表单元格只允许一个查询结果,javascript,jquery,html,Javascript,Jquery,Html,我有一个jquery脚本,它访问数据库并返回一个数值结果,然后将结果写入一个表单元格。此脚本在页面加载时运行,但也在下拉菜单更改时运行。我希望每个表单元格只能限制一个结果 现在,当页面加载时,它会将结果写入单元格,当下拉菜单更改时,它只会将新结果添加到单元格中,而不是替换它 我已经花了不少时间试图找出如何做到这一点,但什么都想不出来。有人能帮我吗 以下是jQuery: $(document).ready(function(){ $('.typeval').change(function(){

我有一个jquery脚本,它访问数据库并返回一个数值结果,然后将结果写入一个表单元格。此脚本在页面加载时运行,但也在下拉菜单更改时运行。我希望每个表单元格只能限制一个结果

现在,当页面加载时,它会将结果写入单元格,当下拉菜单更改时,它只会将新结果添加到单元格中,而不是替换它

我已经花了不少时间试图找出如何做到这一点,但什么都想不出来。有人能帮我吗

以下是jQuery:

$(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", 
  async: false,
  success:(function(output) {      

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

}).change(); // .typeval

});  // document
$(文档).ready(函数(){
$('.typeval').change(函数(){
var movement=$(this.val();
var client_id=$(this.parent().sibbins().find('.clientval').val();
var class_id=;
$count=$(this.parents('tr').find('label.count');
$.ajax({
类型:“POST”,
url:“movement_count.php”,
数据:{movement:movement,client_id:client_id,class_id:class_id},
数据类型:“json”,
async:false,
成功:(函数(输出){
$.each(输出、函数(索引、值){
//警报(值);
$count.append(输出[索引]);
});//每个
})     
})//ajax
}).change();/.typeval
});  // 文件
这是表格单元格,我一次只想显示一个结果

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

如果我没有提供足够的信息来提供所需的帮助,请告诉我。

在添加新结果之前,请尝试更新AJAX调用以清除内容:

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

        $.each(output, function(index, value){
            //alert(value);

            $count.html(''); // Clear current content

            $count.append(output[index]); // Append new content

        }); // each
     })     
})//ajax使用
.text()
而不是
.append()

顾名思义,
.append()
将内容添加到容器的末尾。然而,
.text()
设置容器中显示的文本,覆盖任何现有文本


实际上,
.html()
的行为更像
.append()
而不是
.text()
的行为,但我不建议使用
.html()
,除非您实际设置了
.html()
。既然你说结果是数字,
.text()
更好。

太棒了!这么简单,但我找不到任何可能导致我这样做的东西。我想这是一种堕落,因为我对这一切都很无知。
$count.text(output[index]);