jQuery实现页面监听（某一个值发生改变时触发）

　　使用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>