ホームページ >ウェブフロントエンド >jsチュートリアル >form_javascript スキルのすべての要素の値を取得する JavaScript メソッド
この記事の例では、JavaScript を使用してフォーム内のすべての要素の値を取得する方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。
次の JS コードは、指定された形式ですべての要素を走査し、要素の値を出力できます
<!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> <input type="submit" value="Submit"> </form> <p>Return the value of each element in the form:</p> <script> var x=document.getElementById("frm1"); for (var i=0;i<x.length;i++) { document.write(x.elements[i].value); document.write("<br>"); } </script> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。