Javascript如何获得input元素value值


在页面中我们最常见的页面元素就是input了,但是我们如何用Javascript得到网页input中输入的value值呢,其实很简单,方法也不止一种,较常用的就是下面的两种方法。

方法一:



<html>  
<head>  
<script language="javascript">  
  function print(){  
   var a=userform.user.value;  
   alert(a);  
  }  
</script>  
</head>  
<body>  
  <form name="userform">  
   <input type="text" name="user" id="nn" value="123" />  
   <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="user" id="nn" value="123" />  
   <input type="button" name="button" value="获取" onclick="print()" />  
  </form>    
</body>  
</html>



上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id


[本日志由 随然 于 2017-09-10 09:01 AM 更新]
上一篇: 从电信169套餐升级为电信199套餐
下一篇: javascript中的innerHTML实现 获取对象的内容 或 向对象插入内容
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 代码 JS
相关日志:
评论: 0 | 引用: 0 | 查看次数: 2146
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 10 字 | UBB代码 关闭 | [img]标签 关闭