• 取得当前页面的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>

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

  • 相关阅读:
    Python is 和 == 的区别, 编码和解码
    Python数据类型之字典
    Python中的基本数据类型之列表与元组初步了解
    Python中基本数据类型与对字符串处理的方法
    Python中的循环体
    Python的历史与基本知识入门
    web前端面试题库
    canvas绘图实现浏览器等待效果
    HTML5 Web Worker的使用
    思维题-方案数
  • 原文地址:https://www.cnblogs.com/yzadd/p/6495155.html
Copyright © 2020-2023  润新知