رویداد change زمانی اتفاق می افتد که در کنترل یا عنصر مورد نظر تغییری ایجاد می شود . این رویداد معمولا برای کنترل هایی مثل کادر متن ، گزینه های انتخاب و یا منوهای کرکره ایی که محتویات یا حالات آنها قابل تغییر هستند ، به کار می رود .
رویداد change در عناصر زیر به صورت های مختلفی اتفاق می افتد:
<select>: در منو های کرکره ای وقتی گزینه کادر انتخابی <option> تغییر می کند.
<input>,<textarea>: وقتی متن یک کادر متنی تغییرمی کند.
نکته:رویداد change فقط در عناصر <input>, <textarea> , <select> کار می کند.
شکل کلی استفاده از این متد :
1 2 3 | $ ("selector").change(function(){ ... some code ... }); |
selector : selector کنترلی است که کاربر آن را تغییر می دهد .
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .
مثال:نمایش پیغام زمان تغییر متن کادر متنی
1 2 3 | $("input").change(function(){ alert("The text has been changed."); }); |
کد کامل مثال بالا:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <html> <head> <script src="jquery.js"></script> <script> $(document).ready(function(){ $("input").change(function(){ alert("The text has been changed."); }); }); </script> </head> <body> <input type="text"> </body> </html> |
