JavaScript如何获得input元素value值
2015-04-10 10:43
316 查看
转载地址：http://aquarius-zf.iteye.com/blog/605144
在页面中我们最常见的页面元素就是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>
在页面中我们最常见的页面元素就是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如何获得input元素value的值
- JavaScript如何获得input元素value值
- JavaScript如何获得input元素value值
- JavaScript如何获得input元素value值
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- JavaScript如何获得一个DOM元素的绝对位置？（获取元素位置，不依赖框架）
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- 用户控件中如何用javascript获得页面上的元素ID(CSDN朋友帮助解决的)
- javascript如何从tr中分别获得每个td的元素
- jQuery如何判断input元素是否获得焦点(点击编辑时)
- JavaScript设置form, textarea, text input元素的value
- Jquery提供了获得和设置元素的value的方法。如input， textarea等元素的value值。
- javascript如何通过鼠标左击获得当前元素ID
- javaScript , Jquery中如何获得当前鼠标悬浮的元素，如何获得当前鼠标的悬浮下的元素
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- [Javascript]如何在HTML中实现点击input输入框（获得焦点）后默认提示消失的效果
- 如何获得Domain Value Range and Description
- Javascript 如何得到input type="radio" 的值？
- 在javascript中如何获得textbox输入光标的位置
- 如何使用javascript控制html中的input文本框只能输入数字