2013-10-07 26 views
0

我有3個隱藏字段的表單。當我點擊按鈕刷新頁面後保存表單字段

<div class="buttons"> 
    <button id="but-1">1</button> 
    <button id="but-2">2</button> 
    <button id="but-3">3</button> 
    <button id="but-4">4</button> 
</div> 

某些領域隱藏着一些節目

我的形式

<div class="form"> 
    <div class="pass-1 form_pass">  
    <p><span>Pass1:</span><input id="catalogs_pass_1" name="catalogs[pass_1]" type="text" /></p> 
    </div> 
    <div class="pass-2 form_pass" style="display: none;"> 
    <p><span>Pass2:</span><input id="catalogs_pass_2" name="catalogs[pass_2]" type="text" /></p> 
    </div> 
    <div class="pass-3 form_pass" style="display:none;"> 
    <p><span>Pass3:</span><input id="catalogs_pass_3" name="catalogs[pass_3]" type="text" /></p> 
    </div> 
    <div class="pass-4 form_pass" style="display:none;"> 
    <p><span>Pass4:</span><input id="catalogs_pass_4" name="catalogs[pass_4]" type="text" /></p> 
    </div> 
    <div class="form_pass"> 
    <p><span>Phone:</span><input id="catalogs_phone" name="catalogs[phone]" type="text" /></p> 
    <p><span>Email:</span><input id="catalogs_email" name="catalogs[email]" type="text" /></p> 
    <p><input class="submit-rez" id="catalogs_submit" name="commit" type="submit" value="submit" /><p> 
    </div> 

一切工作正常,但是當用戶不傳遞什麼到現場頁面刷新驗證和所有顯示的字段消失。如何保存所有顯示的字段?

http://jsfiddle.net/dVFaV/98/

我使用的Cookie插件,只爲一個按鈕創建保存領域。如何爲其他三個按鈕創建保存cookie?

感謝您的諮詢!

+0

邏輯是關閉 – bhb

回答

1

試試這個

$(document).ready(function() { 
    $('#but-1').click(function() { 
     $('.pass-1').fadeIn(300); 
     $('.pass-2').fadeOut(100); 
     $('.pass-3').fadeOut(100); 
     $('.pass-4').fadeOut(100); 
     $.cookie('content1', 1); 
    }); 

    $("#but-2").click(function() { 
     $(".pass-2").show(); 
     $(".pass-3").hide(); 
     $(".pass-4").hide(); 
     $.cookie('content1', 2) 
    }); 
    $("#but-3").click(function() { 
     $(".pass-2").show(); 
     $(".pass-3").show(); 
     $(".pass-4").hide(); 
     $.cookie('content1', 3) 
    }); 
    $("#but-4").click(function() { 
     $(".pass-2").show(); 
     $(".pass-3").show(); 
     $(".pass-4").show(); 
     $.cookie('content1', 4) 
    }); 

    if ($.cookie('content1')) { 
     var pass = parseInt($.cookie('content1')); 
     for(var i = 1; i <= pass; i++) { 
      var str = "pass-"+i; 
      $("."+str).show(); 
     } 
    }; 
}); 

Fiddle

注意:我也chnaged的jquery.cookies網址。不要從github加載。這會給你一個純文本文件。

+0

thx男人!這是我需要的 – Andrew