0

jqueryのform.js

jqueryのプラグインといえば、エフェクト系が多いのですがform.jsはその名の通りformの値を扱うの便利なプラグインです。

例えばこんなフォームがあったとして、
<form action="/hoge.php" name="search" method="GET" id="comSearchForm">
<table>
<tr>
<th>
フリーワード
</th>
<td>
<input name="word" type="text" value="">
</td>
</tr>
<tr>
<th>
生年月
</th>
<td>
<select name="start_year">
<option value="">----</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
</select>年
<select name="start_month">
<option value="">--</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
</td>
</tr>
</table>
<div class="submit">
<input type="hidden" name="action" value="search" />
<input type="button" value=" 検 索 " onclick="searchCom();"/>
</div>
</form>

それぞれの値をajaxでphpに渡したい場合(検索なんかの時)に、form.jsを使えばフォームの値を一発でパラメータに変換してくれます。
queryString = $('#comSearchForm').formSerialize();

queryStringはこんな感じになります。
word=%E3%81%BB%E3%81%92&start_year=2006&start_month=02&action=search

大阪のWEB屋です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です