[jQuery] 基本メモ: フォームで役立つメソッド

<input type="text" id="name">
<select id="members" name="members">
    <option>Suzuki</option>
    <option>Yamada</option>
    <option>Sato</option>
</select>

<option>Suzuki</option>

<option>Yamada</option>

</select>

フォーカスが当たったとき

$('#name').focus(function() {
    $(this).css('background','lightblue');
});

$('#name').focus(function() {

$(this).css('background','lightblue');

});

フォーカスが外れたとき

$('#name').blur(function() {
    $(this).css('background','white');
});

$('#name').blur(function() {

$(this).css('background','white');

});

値が変わったとき

$('#members').change(function() {
    alert('changed');
});

$('#members').change(function() {

alert('changed');

});

関連記事