Question

您好我需要帮助保存对javascript正在递增的HTML输入标记值属性的更改。每次点击我启动并运行的参数时，输入字段应增加一个，当我进入考试时，元素会写入相应的数字（从6到7，从7到8等），但是当我刷新页面时没有保存最后一个条目但是返回起始编号，我需要一个php或者这个... 我不会编码以这种方式工作我上传图像值从6到7当我回到页面值是7而不是6再次

HTML代码

                    <form action="" method="post" id="cms" name="cms" enctype="multipart/form-data">
                  <div class="input-group">
                      <input type="file" name="fileToUpload" id="fileToUpload">
                      <input type="text" name="numberjpg" id="numberjpg" value='6'>
                      <input type="text" name="numberpng" id="numberpng" value='6'>
                      <input type="bottun" id="submit" name="submit" class="form-control" value="Submit" onclick="increase()" >
                   </div>
                </form>

js code

     var x=document.getElementById('numberjpg')
         function increase(){
           x.value++;
            alert(document.getElementById('numberjpg').value);
            document.getElementById("numberjpg").setAttribute('value',document.getElementById('numberjpg').value);
         }

我为之前不明确的问题道歉

Answer 1

您可以使用Storage Web API，例如localStorage或sessionStorage。我在示例中使用local。以下是我添加的代码的说明。

https://jsfiddle.net/6bujo188/1/

     if(stored) {
     x.value = stored; 
     }

以上获取保存为boxvalue的任何字符串的值并将其返回到存储。它以加号为前缀，以执行速记类型转换为整数。

    window.onbeforeunload = function(){
      localStorage.setItem('boxvalue', document.getElementById('numberjpg').value);
}

以上检查是否存在存储的项目，如果存在，则会更改存储为x的元素的值。

gf

以上在窗口卸载之前保存变量。例如，如果您刷新页面。

javascript正在递增的HTML输入标记值属性

1 个答案: