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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM