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>

 

posted @ 2018-04-10 14:28  Smile_灰太狼  阅读(22526)  评论(0)  编辑  收藏  举报