Verwenden Sie JS in HTML, um den Formwert zu erhalten, das durch GET und post -Methoden weitergegeben wird (dh hinzufügen? A = b & c = d usw. auf der URL).
Für die häufig verwendete Methode zum Erhalten von Formularen schreiben wir häufig einen Code wiederholt. Der Ihnen heute veröffentlichte Code kann direkt als öffentliche Methode aufgerufen werden. Es kann die Entwicklungseffizienz aller verbessern.
JS -Code
<script type = "text/javaScript"> // Alle <eingabe> Objekte in der angegebenen Formularfunktion getElements (formID) {var form = document.getElementById (FormID) abrufen; var Elements = new Array (); var TagElements = Form.GetElementsByTagName ('input'); für (var j = 0; j <TagElements.length; j ++) {Elements.push (TagElements [j]); } Rückgabeelemente; } // den [Namen, Wert] Array -Funktion inputSelector (Element) {if (Element.Conted) return [element.name, element.Value] abrufen; } function Input (Element) {Switch (element.type.tolowerCase ()) {case 'sure': case 'versteckt': case 'password': case 'text': return [element.name, element.value]; Fall 'Kontrollkästchen': Fall 'Radio': InputSelector zurückgeben (Element); } return false; } // kombinierte URL -Funktion SerializeElement (Element) {var method = element.tagname.tolowerCase (); var parameter = input (element); if (parameter) {var key = codoRicomponent (Parameter [0]); if (key.length == 0) return; if (Parameter [1] .Constructor! = Array) Parameter [1] = [Parameter [1]]; var values = parameter [1]; var Ergebnisse = []; für (var i = 0; i <values.Length; i ++) {results.push (Schlüssel + '=' + cododeuricomponent (Werte [i])); } return results.join ('&'); }} // Methodenfunktion serializeForm (formID) {var elements = getElements (formalId); var queryComponents = new Array (); für (var i = 0; i <Elements.length; i ++) {var queryComponent = serializeElement (Elemente [i]); if (queryComponent) queryComponents.push (queryComponent); } return queryComponents.join ('&'); } </script>JS -Code
Funktion get formInfo () {var params = serializeForm ('login'); alarm (params); }HTML -Code
<body> <form id = "login" name = "login" methode = "post" action = "result.jsp"> <Eingabename = "Benutzer" type = "text"/> <input name = "sex" type = "radio" value = "mann"/> <Eingabename = "Sex" type "type" pi -"piu. name = "Zins" value = "DSS"> DSS <Eingabe type = "CheckBox" name = "Zins" value = "DDR"> DDR <br> <Eingabe type = "Hidden" name = "von" value = "Welcome"> <br> <Eingabe type = "button" name "name" name "subay =" sublick = "onclick =" GetformInfo (); ";";
HTML:
URL:
Die einfache Möglichkeit, alle Form von Form im obigen Artikel JS zu erhalten, ist der gesamte vom Editor geteilte Inhalt. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.