使用jQuery實現頁面中監聽 頁面中某一個值（如input輸入框）發生改變時觸發。
<html> <head> <title>RunJS</title> <!-- 引入自己的jQuery文件 --> <script type="text/javascript" src="http://qtcrmtest.staff.xdf.cn/js/lib/jquery/jquery-1.4.2.js"></script> </head> <body> <h1 > 實時監測input中值的變化 </h1> <input type="text" id="username" > <h1 > 實時監測下拉列表select中值的變化 </h1> <select id="htlx" name="htlx" style="width:200px;"> <option value ="1">--無--</option> <option value ="qc">全程</option> <option value="dsq">單申請</option> <option value="dqz">單簽證</option> <option value="dws">單文書</option> <option value="qt">其他</option> </select> <div id="result"></div> </body> </html> <script type="text/javascript"> //jquery $(function(){ //監聽input $('#username').bind('input propertychange', function() { $('#result').html($(this).val().length); }); //監聽select $('#htlx').bind('input propertychange', function() { $('#result').html($(this).val().length); }); } ) </script>