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="獲取" 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>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM