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。

来自Javascript Tutorial at tizag.com的示例：

<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'/>

增加计数器onclick

3 个答案: