JavaScript

[JavaScript] 値の変更イベントを取得する(onChange)

投稿日:2016年10月9日 更新日:

値の変更イベントを取得するには、onchangeイベントハンドラを使用します。

サンプルソース

例)値が変わるとアラートを表示する

実行サンプル

【テキストボックス】
↓値が変更されるとフォーカスが外れた時点でイベントが発生します。
【セレクトボックス】
↓選択した内容が変わった時点でイベントが発生します。
【チェックボックス】
↓クリックして表示が変わる直前でイベントが発生します。

解説

  • value値が存在しないタグには、onchangeは設定できません。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ラジオボタンのvalue値を取得する

ラジオボタンのvalue値を取得するサンプルです。 サンプル 例)ボタンを押すとラジオボタンname='grp1'のva ...

[JavaScript] 複数の同名idを定義した場合の動き

1つのHTML中ではidは一意にする必要がありますが、誤って同名のidを複数定義してしまった場合にどのような動きとなるか ...

[JavaScript] 文字列の一部分を切り出す(substr, substring, slice)

文字列の一部分を切り出すには、 substrを使う方法、substringを使う方法、sliceを使う方法があります。 ...

[JavaScript] ツールチップを設定する

JavaScriptでツールチップを設定するサンプルです。 サンプルソース 例)ボタンを押すと、入力された値がツールチッ ...

[JavaScript] オンラインかどうかチェックする

JavaScriptでオンラインかどうかチェックするには、navigator.onLineを使用します。 サンプル 例) ...

スポンサーリンク