如何在没有 cookie 的情况下保持输入值

Question

我用 jquery 附加了一个文本值。但是当我刷新页面时，输入值消失了。我可以使用 jquery cookie，但我不想使用这种方法。如何在没有 cookie 的情况下保持输入的价值。下面有一个例子和jsfiddle演示。

  <input type="text" id="couponInput" class="couponInput" placeholder="Coupon code" />                                                 
  <button type="button" id="couponApply" class="couponApply">APPLY   COUPON</button>                           
  <span class="removeCoupon"></span>

<script>
$(document).ready(function(){
 $('.couponApply').click(function(event){

    var couponInputval = $(".couponInput").val();

    if(couponInputval == "x1"){

        alert('Coupon Applied!');
        $( ".removeCoupon" ).append( "Remove Coupon" );
        $(".couponInput, .couponApply").attr('disabled','disabled');          

         $('.removeCoupon').click(function(){
            $(".couponInput, .couponApply").removeAttr('disabled','disabled');
           $(".removeCoupon").empty();
         });
    }

    else{
        alert('Error');
    }
    event.preventDefault();
   });
 });

http://jsfiddle.net/vsgfj05h/

Answer 1

您可以使用 sessionStorage 或 localStorage - 这是最好的方法

Answer 2

您可以使用本地存储而不是 cookie。

它在 jsfiddle 中不起作用。我想是因为jsfiddle使用了iframe来显示结果。

简单用法：

if (localStorage.couponInputval) {
  $(".couponInput").val(localStorage.couponInputval)
}
localStorage.couponInputval = $(".couponInput").val();

MDN 文档

如何在没有 cookie 的情况下保持输入值

How can I hold value in input without cookie

javascript

jquery

html

cookies