php - 递增计数器 onclick

Question

我已将数字 X 设置为 5。单击按钮时，将运行脚本以更新数据库而不刷新 - 效果很好。现在我希望页面上的数字更新为 6，也无需刷新页面。我尝试了 JS，但最终在一个看起来很糟糕的输入字段中输入了数字。有没有其他方法，也许是 jQuery。

Answer 1

这将让您通过其 id 获取元素并更新其值。

 document.getElementById('theId').innerHTML = newValue;

如果您当前没有使用 jQuery，请不要仅仅为此使用它。如果您使用的是 jQuery，您可以执行以下操作。

 $('#theId').html(newValue);

或者

 $('#theId').text(newValue);

取决于 newValue 中是否包含 html。

jquery 和直接 javascript 示例都是等效的。

Answer 2

使用 jquery$("your containerselector").html(parseInt($("your containerselector").html()) + 1)虽然你需要确保你的容器只包含 int。

Answer 3

您不必使用 jQuery。

您可以通过纯 JavaScript 更新页面上的所有内容，而无需 jQuery。

tizag.com 上的Javascript 教程示例：

<script type="text/javascript">
    function changeText()
    {
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
    }
</script>

<p>
    Welcome to the site <b id='boldStuff'>dude</b>
</p> 

<input type='button' onclick='changeText()' value='Change Text'/>