フォームデザイン(changeイベントの例)
これもなんでイベントのセクションででてこなかったんだろう。。
コントロールの入力内容が変化した場合に発生するイベント。
↓のサンプルではブタの選択を変更すると本文の入力フォームの内容が変わる感じ。
<html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function(){ $("#mode").change(function () { $("#body").val($(this).val()); }); }) </script> </head> <body> <input id="address" type="text" value="hogeo@hoge.jp" /> <span id="address_msg"></span><br/> <input id="subject" type="text" value="ぱんぱかぱんつ♪" /><br/> <select id="mode"> <option value=""></option> <option value="RedPig">赤ブタ</option> <option value="BluePig">青ブタ</option> <option value="GreenPig">緑ブタ</option> </select><br/> <textarea id="body" > ぱんぱか ぱんつで </textarea><br/> <input id="send" type="button" value="確認" /> <input id="clear" type="button" value="クリア" /> </body> </html>