HOME > > > > >

.change()

.change( handler(eventObject) )

引数

(function)handler(eventObject)

戻り値

(object)jQuery

対象となる属性値が変更された場合のイベントハンドラを設定する。input、textarea、select要素のみ対応。

サンプル

実行結果

TEL:
都道府県


Javascript

  1. $('.jqTest1').change({screen: $('.jqTest1 .screen')}, function(e){
  2.     e.data.screen.append($(e.target).val() + '<br />');
  3. });

HTML

  1. <div class="jqTest1">
  2.     TEL:<input type="text" name="data[tel]" /><br />
  3.     都道府県<br />
  4.   <select>
  5.     <option value="option1" selected="selected">Option 1</option>
  6.     <option value="option2">Option 2</option>
  7.     </select>
  8.     <br />
  9.     <textarea></textarea>
  10.     <hr />
  11.     <div class="screen"></div>
  12. </div>

.change( [eventData], handler(eventObject) )

引数

(object)eventData
イベントハンドラ内で参照したいデータをハッシュで設定。
(function)handler(eventObject)

戻り値

(object)jQuery