jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。
jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。

フォームのinputタグ等に値をSETする

概要
フォームのinput等に値をセットします。
使用方法
コメントの通りですが、適宜呼び出します。
何らかのライブラリに組み込むなどで使用した方がいいでしょう。
備考
フォームで、何らかのタイミングで値をセットしたい場合に使用します。
ファンクション集の一部として使用しているものを切り出しました。

/**
 * フォームのinputタグ等に値をSETする
 *
 * usage:
 * SetFormValue.render(fm,nme,val);
 * フォーム名とinputタグ等のname属性とvalueを渡す。該当タグにvalueがセットされる。
 *
 * @auther ao-system
 */
var SetFormValue = {
	render: function(fm,nme,val) {
		var elms = fm.elements;
		var tpe = undefined;
		for (var i = 0; i < elms.length; i++) {
			if (elms.item(i).name == nme) {
				tpe = elms.item(i).type;
				break;
			}
		}
		switch (tpe) {
			case 'radio':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						if (elms.item(i).value == val) {
							elms.item(i).checked = true;
							return;
						}
					}
				}
				return;
			case 'select-one':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						var opts = elms.item(i).options;
						for (var j = 0; j < opts.length; j++) {
							if (opts.item(j).value = val) {
								elms.item(i).selectedIndex = j;
								return;
							}
						}
					}
				}
				return;
			case 'text':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						elms.item(i).value = val;
						return;
					}
				}
				return;
			case 'password':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						elms.item(i).value = val;
						return;
					}
				}
				return;
			case 'textarea':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						elms.item(i).value = val;
						return;
					}
				}
				return;
			default:
				return;
		}
	}
};
	
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
便




top of page