【jQuery】フォーム全体の変更を監視


フォームの入力値変更を感知したい場合

$('input').change(function() {
});

$('select').change(function() {
});

などと、一つ一つ書くのが面倒なときがあります。
そういうときは、以下のようにするとフォーム全体の変更を感知できるようになります。

<form action="" name="testForm" method="post">
...略...
</form>

<script>
$('form[name=testForm]').change(function(e) {
    var target = $(e.target);
    var type = target.attr('type');
    var name = target.attr('name');
    var val = target.val();
    console.log(type, ':', name, ':', val);
});
</script>

これで「testForm」という名前のフォーム全体に対して、要素の変更を感知できるようになります。
「input type」やセレクトボックス、チェックボックス、ラジオボタンなどによって処理を変えたい場合は、「type」を見て「switch case」などで処理を分岐させると良いでしょう。


【jQuery】連想配列のマージ


複数の連想配列を、上書きでマージしたい場合のやり方について。

$.extend(target, obj1[, obj2, ...]);

target:マージ対象の連想配列
objXX:マージする連想配列
※マージする連想配列は複数指定可能

例)

var test1 = {a:'A', b:'B', c:'C', d:'D'};
var test2 = {b:'99', e:'1'};

$.extend(test1,test2);
console.log(test1);

出力結果
{a: “A”, b: “99”, c: “C”, d: “D”, e: “1”}

参考サイト:ko-atrandom
連想配列の中に、さらに連想配列を含む場合などの使い方も載っている。