HTMLでJSを使用して、Get MethodとPost Method(つまり、a = b&c = dなどを追加します)を介してフォーム値を取得します。
フォームを取得する一般的に使用される方法については、多くの場合、いくつかのコードを繰り返し書きます。今日投稿されたコードは、パブリックメソッドとして直接呼ぶことができます。それはすべての人の開発効率を改善することができます。
JSコード
<script type = "text/javascript"> //指定されたフォーム関数ですべての<inupt>オブジェクトを取得しますgetelements(formid){var form = document.getElementById(formid); var Elements = new Array(); var tagelements = form.getElementsByTagname( 'input'); for(var j = 0; j <tagelements.length; j ++){elemention.push(tagelements [j]); } return elements; } // [name、value] array関数inputselector(element){if(element.checked)return [element.name、element.value];を取得します。 } function input(element){switch(element.type.tolowercase()){case 'submit':case 'hidden':case 'password':case 'text':return [element.name、element.value];ケース「チェックボックス」:ケース「ラジオ」:return inputSelector(element); } falseを返します。 } // combined url function serializeElement(element){var method = element.tagname.tolowercase(); var parameter = input(element); if(parameter){var key = encodeuricomponent(parameter [0]); if(key.length == 0)return; if(parameter [1] .constructor!= array)parameter [1] = [parameter [1]]; var値= parameter [1]; var results = []; for(var i = 0; i <values.length; i ++){results.push(key + '=' + encodeuricomponent(values [i])); } return results.join( '&'); }} //呼び出しメソッド関数serializeform(formid){var elements = getElements(formid); var queryComponents = new Array(); for(var i = 0; i <Elements.length; i ++){var queryComponent = serializeElement(elements [i]); if(queryComponent)queryComponents.push(queryComponent); } return querycomponents.jein( '&'); } </script>JSコード
関数getForminfo(){var params = serializeform( 'login');アラート(params); }HTMLコード
<body> <form id = "login" name = "login" method = "post" action = "result.jsp"> <input name = "user" type = "text"/> <input name = "sex" type "type =" radio "value =" man "/> <input name =" sex "type =" Radio "value =" woman "/> name = "Intect" value = "dss"> dss <input type = "checkbox" name = "value =" ddr "> ddr"> ddr <br> <input type = "name =" from "value =" wamble "> <br> <input type =" name = "submit" value = "inclick =" getforminfo(
HTML:
URL:
上記の記事JSでフォームのすべてのデータを取得する簡単な方法は、編集者が共有するコンテンツ全体です。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。