jquery將文本框還原爲其原始值

我有一個帶有4個文本框的彈出窗體，當頁面加載時，所有這些文本框都具有默認值。jquery將文本框還原爲其原始值

下面是場景......用戶填寫了他們的詳細信息，但決定不提交表格並關閉彈出窗口。當用戶關閉彈出窗口時，我希望文本框的值恢復爲默認值。

這是我的代碼到目前爲止。

$(".close").click(function() { 
    $(".popup").find("input").val("Default value of textbox"); 
});

而不是插入「默認值的文本框」作爲值，我希望它是實際的默認值。

來源

2011-11-04 Tom

不是這個什麼< input type ='reset'/>是爲了？ –

你可以使用表單輸入「defaultValue」屬性？ http://www.appnovation.com/blog/quick-tip-using-javascript%E2%80%99s-defaultvalue-form-elements – cyberjar09

你可以把默認值在元素的「數據屬性」自己......我將創建一個小提琴顯示此... As seen in this jsFiddle

我還應該注意的是，你可以把數據從服務器的元素屬性...我只是顯示你怎麼可以從客戶端做這一切......

來源

2011-11-04 12:57:19 ar3

這種方法是否使用HTML5？ – Tom

是的，沒有... html是沒有什麼，但XML正確的，和數據屬性可以只是HTML元素的屬性......這是我所建議的... – ar3

作品一種享受，謝謝！ – Tom

通過封閉的方式

// add to the place that opens the popup 
$(".popup input").one(function(){ 
    var value = $(this).val(); 
    var that = this; 
    $(".close").one(function(){ 
     $(that).val(value); 
    }); 
});

來源

2011-11-04 13:02:09 fmsf

   // First store all the default values 
       var def_vals = []; 

       jQuery('#popup input[type="text"]').each(

        function() { 

         def_vals[jQuery(this).attr('name')] = jQuery(this).val(); 

        } 
       ); 

       alert(def_vals['test']); 

      // Restore defaults on close 



      jQuery('#popup .closeButton').click(function() { 

       jQuery('#popup input[type=text]').each(

        function() { 

         jQuery(this).val(def_vals[jQuery(this).attr('name')]); 

        } 

       ); 

      });

來源

2011-11-04 13:16:25 John

jquery將文本框還原爲其原始值

回答

相關問題