Heim > Web-Frontend > js-Tutorial > So erhalten Sie alle Werte des Formulars in js (Code im Anhang)

So erhalten Sie alle Werte des Formulars in js (Code im Anhang)

不言
Freigeben: 2018-08-28 16:48:15
Original
7996 Leute haben es durchsucht

Der Inhalt dieses Artikels handelt davon, wie man alle Werte des Formulars in js erhält (mit Code). Ich hoffe, dass er für Sie hilfreich ist .

Normalerweise besteht das Abrufen aller Eingabefelder des Formulars darin, den Knotenwert über das Dokument-Dom-Objekt abzurufen

<form>
<input id="a1" type="input" value="" name="a1"><br>
<input id="a2" type="input" value="" name="a2"><br>
<input id="a3" type="input" value="" name="a3"><br>
<input id="a4" type="input" value="" name="a4"><br>
<input id="submit" type="button" value="提交" name="submit">
</form>
Nach dem Login kopieren

Das Folgende ist ein Vergleich der beiden Methoden:

<script>
$(function() {
$(&#39;#submit&#39;).click(function() {
						
//方法1:
var a1 = document.getElementsById("a1").value;
//var a1 = document.getElementsByName("a1").value;
						
//要是提交json的格式的话还需要
var json ={"a1":a1}
						
//这样子转化一下,一个两个10个input还是可以接受的,但是实际开发中往往几十个 这样子就显得很笨重了,所以推荐方法二
						
//方法二:
var d = {};
var t = $(&#39;form&#39;).serializeArray(); // 默认是json 格式
						
//传统的for循环,将值打印出来
/*
console.info(t)
						
for (var i = 0;i<t.length;i++) {
console.info(t[i]);
d[t[i].name] =  t[i].value;
							
}
						
*/
						
//jQuery的循环
$.each(t, function() {
//console.info(t)
d[this.name] = this.value;
console.info(d)
}); 
						
console.info(JSON.stringify(t));   //从json对象解析出json字符串
var json_str = JSON.stringify(t);
						
console.info(JSON.stringify(d)); //从一个对象解析出字符串
});
});
</script>
Nach dem Login kopieren

Methode eins:

Verwenden Sie das Original-JS, um den Wert zu erhalten

Methode 2:

Verwenden Sie die JQuery-Funktionsbibliothek, um den Wert zu erhalten

Verwandte Empfehlungen:

Wie wäre es mit js? Erhalten Sie den ausgewählten Wert des Optionsfelds

Wie erhalten Sie den Wert und die Anzahl der Elemente der Dropdown-Liste in js?

Das obige ist der detaillierte Inhalt vonSo erhalten Sie alle Werte des Formulars in js (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage