Attach change event to all html elements in the form

Hi Experts,

I'm trying to experiment with the same old known window.onbeforeunload event to prompt the user to save the data before he navigates away from the current page.

i found couple of ways but none of them really fit into my application design where some of the form data is loading using AJAX,, DOM, Javascript, scriplets etc. So the best method i found (of course, at the cost performance hit) is to attach a change event to all the html elements and set a flag if a certain element is changed and when navigating away of the flag is set just prompt the user to save first.

Here is sample code that i've using jquery that triggers changes within radio and checkboxes ....can someone help me to put the same for multi-select lists, dropdown, textarea, rich textareas etc?
Start Free Trial

1:
2:
3:
4:
5:
6:
7:
8:
9:

$(document).ready(function() {
 
// check if any radio button value is changed
$("input[@type='radio']").bind("change", function() { alert ("Some radio value is changed"); }); 
 
// check if any checkbox value is changed
$("input[@type='checkbox']").bind("change", function() { alert ("Some checkbox value is changed"); }); 
 
});