Javascript 手动或使用+；和-按钮

几个月前我确实找到了一个库，但现在找不到它，我尝试做的目的是让输入字段两边都有+和-按钮，当输入值发生变化时，立即用变化更新数据库

• 减去按钮将将输入字段减少x（本例中为1）
• 加上按钮将将输入字段增加x（本例中为1）
• 输入字段应能够手动编辑，而不是“锁定”

我是以手动方式完成的，如下所示：

$（函数（）{
$（'.add'）。在（'click'，function（）上{
var$counter=$（this.closest（'p'）。find（'.counter'）；
var currentVal=parseInt（$counter.val（））；
如果（！isNaN（currentVal））{
$counter.val（当前值+1）；
}
});
$（'.减号'）。在（'click'，function（）上{
var$counter=$（this.closest（'p'）。find（'.counter'）；
var currentVal=parseInt（$counter.val（））；
如果（！isNaN（currentVal）&¤tVal>0）{
$counter.val（当前值-1）；
}
});
});
#输入计数器{
线高：20px；
}



正如@Dagon在评论中建议的那样，让我们使用

我们可以使用函数，这样当值发生变化时就不必重写Ajax脚本

function updateNumber(id, newvalue){

    $.ajax({ /* START AJAX */
        type: "POST", /* METHOD TO PASS DATA */
        url: "update.php", /* PAGE WHERE TO PROCESS THE DATA; YOU CAN CHANGE THIS DIRECTORY DEPENDING ON WHERE YOU WANT TO SAVE YOUR UPDATE PAGE */
        data: {"id": id, "newvalue": newvalue} /* DATA TO BE PROCESSED */
    }); /* END OF AJAX */

}

我们还假设您为行设置了一个id（如您在注释中所述，您将id存储在
中）。我们将添加一个新标记-
数据artid
，其中我们仅设置id：

<tr id="mem-1" data-artid="1">

现在，我们必须创建
update.php
。我们将在这里更新数据库中的数据

$stmt = $con->prepare("UPDATE tableName SET inputcounter = ? WHERE id = ?"); /* JUST CHANGE THE TABLE NAME AND COLUMN NAME TO YOURS */
$stmt->bind_param("ii", $_POST["newvalue"], $_POST["id"]);
$stmt->execute();
$stmt->close();

你可以检查一下。简短回答ajax@LoganWayne他有那个角色already@Dagon哦，对不起。我会尽快发布答案。@Ryflex-是否有与输入字段相关联的ID？或者只是你桌子上的一行？
$stmt = $con->prepare("UPDATE tableName SET inputcounter = ? WHERE id = ?"); /* JUST CHANGE THE TABLE NAME AND COLUMN NAME TO YOURS */
$stmt->bind_param("ii", $_POST["newvalue"], $_POST["id"]);
$stmt->execute();
$stmt->close();