日期:2014-05-16  浏览次数:20399 次

JavaScript如何获得input元素value值
在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧:
方法一、
<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()打印方法打印出来。
<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>