js怎么获取input的值
程序员文章站
2022-03-19 19:18:07
...
js获取input值的方法：首先给from命名；然后在JavaScript的地方用form的名字来调用form表单里input元素的value属性；接着把值赋给“a”；最后用js的“alert()”方法打印出来即可。
其实使用js进行input值的获取，方法还是挺多的，光是用选择器好几种都能做到，不过步骤还是差不多的，今天就为大家推荐2种。
方法一：
<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>
这是获取网页input值的方法之一，给from一个ID然后在JavaScript的地方就可以用form的ID来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
以上就是js怎么获取input的值的详细内容，更多请关注其它相关文章！