精品熟女碰碰人人a久久,多姿,欧美欧美a v日韩中文字幕,日本福利片秋霞国产午夜,欧美成人禁片在线观看

如何通過Javascript腳本獲取form和input內(nèi)容

如何通過Javascript腳本獲取form和input內(nèi)容

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

目錄
  • Javascript腳本獲取form和input內(nèi)容的方法

    • 第一種方法：

    • 第二種方法：

  • 補充：form提交不刷新網(wǎng)頁方法

Javascript腳本獲取form和input內(nèi)容的方法

隨著js的發(fā)展，許多的網(wǎng)頁數(shù)據(jù)處理完全可以由js腳本解決，而不需要發(fā)送到服務(wù)器

這里分享兩種Javascript腳本獲取form和input內(nèi)容的方法

第一種方法：

直接上代碼

HTML：

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

js：

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

可以直接獲取輸入內(nèi)容

如何通過Javascript腳本獲取form和input內(nèi)容

第二種方法：

js：

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

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

補充：form提交不刷新網(wǎng)頁方法

<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8"?/>
????????<title>8421碼轉(zhuǎn)化</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碼轉(zhuǎn)化</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">點擊添加下一個數(shù)字</button>
????????????????<button?onclick="remove()"?class="btn?btn-default">刪除最后一個數(shù)字</button>
????????????????<p?id?=?"demo"></p>
????????????????<iframe?name="hidden"?></iframe>
????????????</div>
????????????<div?class="col-md-4"></div>
??????????</div>
????</body>
</html>

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

下一節(jié)：JavaScript怎么去掉末尾的分隔符

JS 編程技術(shù)

相關(guān)文章