Javascript 使用jquery或ajax更新表后更新输入表单
我用jquery和ajax构建了这个表(看了一些教程,所以我不是高级程序员)。我要做的是在一个表中插入一些值,我需要在一个输入表单中得到这些值的总和 我可以这样做,但我需要的是在不刷新页面的情况下获取总和,因此无论何时我输入: 200在值列中,总和应为:Javascript 使用jquery或ajax更新表后更新输入表单,javascript,jquery,ajax,Javascript,Jquery,Ajax,我用jquery和ajax构建了这个表(看了一些教程,所以我不是高级程序员)。我要做的是在一个表中插入一些值,我需要在一个输入表单中得到这些值的总和 我可以这样做,但我需要的是在不刷新页面的情况下获取总和,因此无论何时我输入: 200在值列中,总和应为: Sum + 200 请告诉我该怎么做,我需要一些帮助,我已经搜索了datagrid,但我真的不知道该怎么做。 谢谢 输入的Php代码: <table class="vlera"> <tr id="<?php echo
Sum + 200
请告诉我该怎么做,我需要一些帮助,我已经搜索了datagrid,但我真的不知道该怎么做。
谢谢
输入的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; ?>" />
</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)
});
每个文本输入都有一个“值”类,它应该可以工作 试试这段代码。。。此代码在输入值时获取文本框的值,并将其添加到总和中
$(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;
?>
现在解释:
在文档准备就绪的主页面中,将调用javascript的setInterval方法,该方法包含两个参数,代码和延迟时间(毫秒)。该代码将在每1秒后调用abc.php,检查db中的新值,并返回该值并将其放入字段。
希望这就是你要找的。你能发布你的代码吗?或者它的一部分,可能在jsfiddleyes中,我做了,我粘贴了代码,我需要的是验证值是否已更改,如果是,则更新为当前值新值是否应首先保存在db表中,或者只是获取总和…因此,表上的数据立即保存,我应该能够做的是刷新SHUMA输入的内容,比如说,一旦表被更新,或者几秒钟内更新一次..是db表中的值列吗?谢谢:)是的,这就是想法。。。!请让我粘贴表中的代码,即我的代码,以便您可以帮助我将此代码实现到我的表中……)我已经更新了,所以我需要的是添加一个表的行,一旦它完成而不刷新!所以我需要将这个abc.php包含在我的文件中,对吗?我可以在不触发按钮1的情况下刷新吗?关键是,如果我用另一种方法解决它会更好…参见编辑答案,现在它会在每1秒后不按按钮呼叫abc
$(document).ready({
setInterval(function(){
$.ajax({
url: 'abc.php',
type: "POST",
success: function(contents){
$('#shuma').val(contents);
}
});
}, 1000);
});