主にプログラミングに関して。Python, .NET Framework(C#), JavaScript, その他いくらか。
記事にあるサンプルやコードは要検証。使用に際しては責任を負いかねます

スポンサーサイト

                
tags:
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

JavaScript: フォームに入力された値を一律にまとめて取得、処理する

                
 任意のフォームに入力された値を取得したい場合、jQueryを使うなら下記のように書ける。
var value = $("#some_id").val();

 入力フォームが増えていくと、スクリプトの追加やDOM要素へのID割り当てがだんだん手間になってくる。
var values = [$("#some_id1").val()];
values.push($("#some_id2").val());
values.push($("#some_id3").val());
values.push($("#some_id4").val());
values.push($("#some_id5").val());
values.push($("#some_id6").val());


 一貫して同じ処理をしていい入力値ならclassをふっておくことでまとめて処理してしまったほうが楽。
var values = [];
$(".some_class").each(function(){values.push($("this").val())});


上記では引数が不要なので与えていないが、インデックス値とDOMエレメントオブジェクトが引数として与えられる。
function(index, elem)

参考:http://api.jquery.com/each/

お試し
13110601.html
            

コメントの投稿

非公開コメント

プロフィール

hMatoba

Author:hMatoba
Github

最新記事
リンク
作ったものなど
月別アーカイブ
カテゴリ
タグリスト

検索フォーム
Amazon
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。