SQLの窓 イラストAC フリー素材

2016年06月10日

FORM の内容を localStorage に保存する jQuery プラグイン

とにかくテスト中は何度もテキスト入力をしたく無いので、これを設定しておくと便利です
氏名
フリガナ
所属
性別 (0:男性,1:女性)
給与
手当
管理者
生年月日

プラグイン部分のソースコード
// **************************************
// FORM の内容を localStorage に保存する
// jQuery プラグイン作成
// **************************************
$.fn.extend({
	saveLocalStorage: function(){
		var list = $(this).serializeArray();
		$(list).each(function( idx, obj ){
			localStorage[obj.name] = obj.value;
		});
	},
	loadLocalStorage: function(){
		// エレメント
		var form = $(this).get(0);
		var list = $(this).serializeArray();
		$(list).each(function( idx, obj ){
			$(form).find("[name='"+ obj.name +"']").val( localStorage[obj.name] || '' );
		});
	}
});


localStorage にデータが最初は無いので、localStorage[obj.name] || '' と書く事によって、空文字が最初だけ返されます。( 最初が false となるので || の後の空文字が返されます )



【jQueryの最新記事】
posted by at 2016-06-10 19:30 | Comment(0) | jQuery | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Custom Search
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。


Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX