JavaScript如何获得input元素value值

转载地址：http://aquarius-zf.iteye.com/blog/605144

在页面中我们最常见的页面元素就是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="获取" οnclick="print()" />
</form>
</body>
</html>

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

方法二、

<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="获取" οnclick="print()" />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/Im-Victor/p/9277571.html

JavaScript如何获得input元素value值相关推荐

分答项目_知识点：如何获取jquery选择器生成的input元素数组中的每个input元素的值？
我最初的想法: (1)jquery选择器获取后将dom元素放到attachnew中了,在遍历数组中可以attachnew[i].value属性即可获取input元素的值: (2)此处用的attachn ...
JavaScript或js获取元素的值
一般可以用原生js及jQuery获取html元素的值. <div id="test">数值</div> 原生js写法: 1 alert(document.g ...
javascript根据id 取出元素的值
这边有两种方式,亲测第一种可以第二种不行那个.value 敲代码的时候不会提示你,会提示你.valueof() 但是.value是可以用的 var goodsCount = document.get ...
js清除HTML的input数据,js 清空 input file 的值的方法
今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章飞鸟慕鱼博客就来说一说,如果利用 js ...
获取input相同名字的元素的值
我们在前台的页面定义了许多具有相同名字的input元素,为了取得对应的值,一种是我们在js中可以这样做: var djs= new Array(); $("input[name='dj'] ...
前端：HTML5/36/HTML5简介，文档类型定义，网页字符集，页面结构标记，文章相关的标记，其它标记，音频标记，视频标记，表单中新增的属性，表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...
HTML5 中的 input 元素的输入类型（type 属性的取值）
目录输入类型:text 输入类型:image 输入类型:reset 输入类型:password 输入类型:submit 输入类型:radio 输入类型:checkbox 输入类型:button 输入 ...
【JavaScript】——input元素的oninput事件和onchange事件
1.oninput事件是在输入框中输入时就会触发,该事件在<input>或<textarea>元素的值发送改变时触发. 2.onchange事件是在输入框输入完内容后,输入框失 ...
javascript定义数组的两种方式，获取各个元素的值
<script type="text/javascript"> //创建数组并赋值 //1声明数组,分配空间,赋值 ...

JavaScript如何获得input元素value值

JavaScript如何获得input元素value值相关推荐

最新文章

热门文章