zoukankan      html  css  js  c++  java
  • 取得当前页面的value值问题

    取得当前输入input的值

    <body>
        <form action="">
            <input type="text"  id="ipt" value />
            <input id="btn" type="submit" value="提交">
            </form>
         <script type="text/JavaScript">

    var ipt = document.getElementById('ipt')

          var iptVa =document.getElementById('ipt').value
            var s = {
                iptValue:document.getElementById('ipt').value,
                b:function(){alert(123)};
            };


            ipt.onblur = function(){
            
               alert(s.iptValue)
            }
            
           var btn = document.getElementById("btn")
           btn.onclick = function(){
            alert(s.substr(0,2)==46);
        
            }
        </script>
        </body>

    这个代码是取到的值为空,是因为把取值的变量iptVa 定义为全局变量,当页面加载完毕时立即取到input的值,此时的input是没有输入的,所以取到的值肯定是空的。

         <script type="text/javascript">

        var ipt = document.getElementById('ipt')
         
            var s = {
                iptValue:'',
                b:function(){alert(123)}
            };


            ipt.onblur = function(){
               s.iptValue = document.getElementById('ipt').value;
               alert(s.iptValue)
            }
            
           var btn = document.getElementById("btn")
           btn.onclick = function(){
               alert(s.iptValue)
        
           }

        </script>

    以上是把取值变量定义在失焦事件内部,当执行事件时取值才是正确的。

  • 相关阅读:
    JavaIO学习:字符流
    Java学习:IO流
    Java中的Filter过滤器
    Java学习:File类中的过滤器接口
    Java学习:File类
    Java学习:递归
    多线程简介(全)
    Java学习:Lambda表达式
    Java学习:线程池
    Java学习:线程间通信
  • 原文地址:https://www.cnblogs.com/yzadd/p/6495155.html
Copyright © 2011-2022 走看看