アーカイブ : 2011年 4月

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

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

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

1
2
3
4
5
6
var data = {};
$('input,textarea,select').each(function(){
    data[$(this).attr('id')] = $(this).val();
});

$.post("test.php", data );