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的情况下保持输入值

2 个答案: