JavaScript如何獲得input元素value值
阿新 • • 發佈：2018-07-07
pan type fun input .com col 總結 pre color
轉載地址：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="獲取" onclick="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="獲取" onclick="print()" />
</form>
</body>
</html>
JavaScript如何獲得input元素value值