在使用jquery或ajax更新表之后更新输入表单

Updating input form after updating a table using jquery or ajax

本文关键字：更新 之后 输入 表单 ajax jquery      更新时间：2023-09-26

我用jquery和ajax构建了这个表(观看一些教程，所以我不是高级程序员)。嗯，我要做的是在一个表中插入一些值，我需要在一个输入表单中得到这些值的总和。

我可以这样做，但我需要的是在不刷新页面的情况下获得总和，所以任何时候我输入:在Value列中，Sum应该变成:

Sum + 200

请我需要一些帮助做什么，我已经搜索了数据网格，但真诚地我不知道我怎么能做到这一点。由于

Php代码的输入:

<table class="vlera">
<tr id="<?php echo $id; ?>" class="edit_tr">
<td class="edit_td">
<span id="first_<?php echo $id; ?>" class="text"><?php echo $kodi; ?></span>
<input type="text" value="<?php echo $kodi; ?>" class="editbox" id="first_input_<?php echo $id; ?>" /&gt;
</td>
<td class="edit_td">
<span id="last1_<?php echo $id; ?>" class="text"><?php echo $pershkrimi_pjeses; ?></span>
<input type="text" value="<?php echo $pershkrimi_pjeses; ?>" class="editbox" id="last_input1_<?php echo $id; ?>"/>
</td>
<td class="edit_td">
<span id="last_<?php echo $id; ?>" class="text"><?php echo $vlera; ?></span>
<input type="text" value="<?php echo $vlera; ?>" class="editbox" id="last_input_<?php echo $id; ?>"/>
</td>
<td class="edit_td">
<span id="last2_<?php echo $id; ?>" class="text"><?php echo $kosto; ?></span>
<input type="text" value="<?php echo $kosto; ?>" class="editbox" id="last_input2_<?php echo $id; ?>"/>
</td>
</tr>
<?php
}
?>
</table>
<?php
$sql_shuma="SELECT SUM(vlera) AS shuma FROM servis_pjeset_perdorura WHERE random=$random";
$resultshuma = odbc_exec($connection, $sql_shuma) or die(odbc_error());
while( $rowshuma = odbc_fetch_array($resultshuma ) ) {
           $total1 = $rowshuma['shuma'];
}
?>
<label for='shuma'>Shuma:</label>
<input id="shuma" name="shuma" type="text" value=" <?php echo $total1;?>"  size="20" />

你发布的代码并没有真正显示完整的格式(输入看起来像什么)…但是如果你这样做:

$(".values").keyup(function() {
    var sum = 0;
    $(".values").each(function(){
        sum += Number($(this).val());
    });
    $("#shuma").val(sum)
});

和每个文本输入，你想去的总和有一个"值"类，它应该工作。http://jsfiddle.net/NNbtk/

试试这段代码…此代码在输入值时获取文本框的值并将其添加到总和中。

$(document).ready(function(){
   $('#shuma').keyup(function(){
   var val=$('#shuma').val();
   sum=sum+val;
    });
});

把这段代码放到另一个PHP文件中…说abc.php 

<?php
$sql_shuma="SELECT SUM(vlera) AS shuma FROM servis_pjeset_perdorura WHERE random=$random";
$resultshuma = odbc_exec($connection, $sql_shuma) or die(odbc_error());
while( $rowshuma = odbc_fetch_array($resultshuma ) ) {
           $total1 = $rowshuma['shuma'];
}
echo $total1;
?>

然后在主页上对一个按钮执行下面的调用比如button1

$(document).ready({
     setInterval(function(){            
        $.ajax({
            url: 'abc.php',
            type: "POST",
            success: function(contents){
               $('#shuma').val(contents);
            }
        });
     }, 1000);
});

现在解释:
在主页中，当文档准备好时，javascript的setInterval方法将被调用，它需要2个参数，代码和延迟时间，以ms为单位。这段代码将在每1秒后调用abc.php并检查db的新值并返回它并将其放在字段中。

希望这就是你想要的。

相关文章：