JavaScriptでページ読み込み時にテキストフィールドの値を増やしたい。例えば
<input type="text" name="itemquantity[]" value="1"/>
ページロード後は次のようになります
<input type="text" name="itemquantity[]" value="2"/>
JavaScriptでページ読み込み時にテキストフィールドの値を増やしたい。例えば
<input type="text" name="itemquantity[]" value="1"/>
ページロード後は次のようになります
<input type="text" name="itemquantity[]" value="2"/>
あなたはこれを行うことができます :
<input id="myid" type="text" name="itemquantity[]" value="1"/>
<script>
localStorage['myid'] =
document.getElementById('myid').value =
parseInt(localStorage['myid'] || '0', 10) + 1;
</script>
ページが読み込まれるたびに、値は1ずつ増加し、初期値は1になります。
<input id="textField1" type="text" name="itemquantity[]" value="1"/>
<script>
window.onload=function()
{
document.getElementById('textField1').value=document.getElementById('textField1').value+1
}
これを実現するには、cookie または localStorage を使用する必要があります。ページが読み込まれるたびに Web ページの状態が失われるため、localStorage が助けになります
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
if(typeof(Storage)!=="undefined")
{
if(localStorage.itemquantity) {
localStorage.itemquantity = parseInt(localStorage.itemquantity, 10) +1;
document.getElementById("result").innerHTML="Value: " + localStorage.itemquantity;
}
else
{
localStorage.itemquantity = 1;
}
}
else
{
alert('browser does not support local storage');
}
</script>
</body>
</html>
これで値が得られたので、それをテキストフィールドに割り当てることができます
アップデート
<script type="text/javascript">
if(typeof(Storage)!=="undefined")
{
if(localStorage.itemquantity) {
localStorage.itemquantity = parseInt(localStorage.itemquantity, 10) +1;
document.getElementById("txtFieldID").value = localStorage.itemquantity;
}
else
{
localStorage.itemquantity = 1;
}
}
else
{
alert('browser does not support local storage');
}
</script>
注テキストボックス ID として保持txtFieldID
します。最初の読み込み時に値が 1 に設定され、読み込みごとに 1 ずつ増加し
ます