jQuery change() Method

Example

Alert a text when an <input> field is changed:

$("input").change(function(){
alert("The text has been changed.");
});

Definition and Usage

The change event occurs when the value of an element has been changed (only works on <input>, <textarea> and <select> elements).

The change() method triggers the change event, or attaches a function to run when a change event occurs.

Note: For select menus, the change event occurs when an option is selected. For text fields or text areas, the change event occurs when the field loses focus, after the content has been changed.

Syntax

Trigger the change event for the selected elements:

$(selector).change() Try it

Attach a function to the change event:

$(selector).change(function) Try it

Parameter	Description
function	Optional. Specifies the function to run when the change event occurs for the selected elements

❮ jQuery Event Methods