【jQuery】jquery.postでInputやtextareaを簡単に取得できる方法

2011年4月13日

jQueryのjquery.postでInputやtextareaを簡単にPOSTできる方法です。
毎回IDを$('#id').val()で取得するのはめんどくさいので、
Input Textarea Selectの値をeachで取得してdata配列に入れます。
その後にjQuery.postでPOSTしたいPHPに値を送ります。

$.ajaxでも同じようにできるので、多くのコードを書かなくてもよくなります。

[cc lang="javascript"] var data = {};
$('input,textarea,select').each(function(){
data[$(this).attr('id')] = $(this).val();
});

$.post("test.php", data );[/cc]