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を使用する必要はありません。

jQueryを使用せずに、純粋なJavaScriptでページ上のすべてを更新できます。

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