js如何获取当前input的value值?

如题所述

    在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧: 
    方法一、 

    Java代码  

    <html>  

    <head>  

    <script language="javascript">  

    function print(){  

    var a=myform.name.value;  

    alert(a);  

    }  

    </script>  

    </head>  

    <body>  

    <form name="myform">  

    <input type="text" name="name" id="nn" />  

    <input type="button" name="button" value="获取" onclick="print()" />  

    </form>    

    </body>  

    </html>  

    这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。 

    方法二、 

    JS代码  

    <html>  

    <head>  

    <script language="javascript">  

    function print(){  

    var a=document.getElementById("nn").value;  

    alert(a);  

    }  

    </script>  

    </head>  

    <body>  

    <form>  

    <input type="text" name="name" id="nn" />  

    <input type="button" name="button" value="获取" onclick="print()" />  

    </form>    

    </body>  

    </html>  


    【简介】:

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

    为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答