javascript - Javascript/JQuery を使用してフォーム内のすべての Input name="" フィールドのリストを生成する方法

Question

これには簡単な答えがあると確信していますが、私はJavascriptとJQueryを独学で教えている初心者であり、自分でそれを理解するのに十分な知識がありません. あなたが提供できるどんな助けも大歓迎です。

フォーム ユーザーが入力した何百もの異なる入力に基づいて、会社の HTML メールを生成するフォームを作成しています。すべての入力名をコピーしてフォームのアクション スクリプトの $_POST 行に貼り付けて入力のデータを取得するのではなく、Javascript/JQuery を使用して name="" フィールドのリストを生成する方法があるかどうか疑問に思っています。これを簡単にするために、フォームの各入力から？

たとえば、次のコード スライスから、名前の値"bottlespecial6image"、"bottlespecial6imagewidth"、"bottlespecial6imageheight"、"bottlespecial6imagelink"、および"bottlespecial6includeprice" (私のフォームが数百（数千ではないにしても）の入力があるため、コピー/貼り付けは非効率的です）：

<input type="text" name="bottlespecial6image" value=""/>
<input type="text" name="bottlespecial6imagewidth" value=""/>
<input type="text" name="bottlespecial6imageheight" value=""/>
<input type="text" name="bottlespecial6imagelink" value=""/>
<input type="radio" name="bottlespecial6includeprice" value="yes"  checked="checked" />
<input type="radio" name="bottlespecial6includeprice" value="no"  checked="checked" />

これがすでにここで取り上げられている場合はお詫び申し上げます。同様の質問をここで検索しましたが、何も見つかりませんでした。

Answer 1

送信するシリアル化された配列を作成するには、jQuery のserialize()を使用します。

$('form').serialize();

配列内の名前を取得するには、それらをマップできます。

var inputs = $('form').find('input[name]'); //all inputs with a name in the form

var names  = $.map(inputs, function(el) { return el.name });

フィドル

Answer 2

$("[name='yourrequiredname']")

同じ名前のすべての要素のリストが表示されます