成免费的crm,久久国产精品新农夫导航新妓网,恋夜秀场全部视频安卓手机,女校花强奷在线播放A级

如何通過Javascript腳本獲取form和input內容

如何通過Javascript腳本獲取form和input內容

本文講解"怎么通過Javascript腳本獲取form和input內容"，希望能夠解決相關問題。

目錄
  • Javascript腳本獲取form和input內容的方法

    • 第一種方法：

    • 第二種方法：

  • 補充：form提交不刷新網頁方法

Javascript腳本獲取form和input內容的方法

隨著js的發展，許多的網頁數據處理完全可以由js腳本解決，而不需要發送到服務器

這里分享兩種Javascript腳本獲取form和input內容的方法

第一種方法：

直接上代碼

HTML：

?<input?type="text"?name="test"?id?=?"text">
????????????<button?type="submit"?onclick="add()">添加數據</button>

js：

var?string?=?"Hello"
function?add(){
????var?Name?=?document.getElementById('text').value;
????string?+=?Name;
????alert(string);
}

可以直接獲取輸入內容

如何通過Javascript腳本獲取form和input內容

第二種方法：

js：

var?x?=?document.forms["form"]["test"][i].value;

如果HTML中表格的name是"form"而其中有多個input選項var x = document.forms["form"]["test"];返回的是一個數組，可通過下標訪問每一個input元素

補充：form提交不刷新網頁方法

<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8"?/>
????????<title>8421碼轉化</title>
????????<!--?最新版本的?Bootstrap?核心?CSS?文件?-->
????????<link?rel="stylesheet"?>
????????<script?src="template.js"></script>
????</head>
????<body>
????????<div?class="row">
????????????<div?class="col-md-4"></div>
????????????<div?class="col-md-4">
????????????????<h2>8421碼轉化</h2>
????????????????<form?id?=?"num"?target="hidden"?name="form"?>?
???????????????????<button?class="btn?btn-default"?onclick="outPut()">submit</button>
???????????????????<input?class="btn?btn-default"?type="reset"?name="button"?id="button"?value="重置">
???????????????????<br>
????????????????</form>
????????????????<button?onclick="addNum()"?class="btn?btn-default">點擊添加下一個數字</button>
????????????????<button?onclick="remove()"?class="btn?btn-default">刪除最后一個數字</button>
????????????????<p?id?=?"demo"></p>
????????????????<iframe?name="hidden"?></iframe>
????????????</div>
????????????<div?class="col-md-4"></div>
??????????</div>
????</body>
</html>

關于 "怎么通過Javascript腳本獲取form和input內容" 就介紹到此。希望多多支持碩編程。

下一節：JavaScript怎么去掉末尾的分隔符

JS 編程技術

相關文章