Javascript如何获得input元素value值
作者:随然 日期:2017-09-09
在页面中我们最常见的页面元素就是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 更新]
上一篇: js判断是否在微信浏览器中打开
下一篇: javascript中的innerHTML实现 获取对象的内容 或 向对象插入内容
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 代码 JS 
相关日志:
评论: 0 | 引用: 0 | 查看次数: 7119
发表评论
