jquery - それぞれを使用してフォームから入力フィールド値をフェッチする

Question

複数のフォームがあるレイアウトがあります。私が欲しいのは、.eachメソッドを使用してこれらのフォームを1つずつフェッチし、クラスセレクターを使用して入力値をループし、JSONオブジェクトで構築された値を取得することです。値の取得についてサポートが必要

this.$('form').each(function(index){
console.log($(this).children('.itemName').val());

これはバックボーンビューで実行されています。これは機能しません。

Answer 1

フォームをJSONとしてシリアル化する最も簡単な方法は、jQuery's serializeArray()

JSON.stringify($('form').serializeArray());

Answer 2

特定の要素内で入力要素を検索する必要があります。

バックボーンビューはおそらくthis.elコードを使用しているため、次のようになります。

$('form :input',this.el).each(function(index){
  if($(this).hasClass('itemName')) {
    console.log($(this).val());
  }
}

次のように結果をフィルタリングすることもできます。

var $inputs = $('form :input',this.el);
$inputs.filter(".item_name").each(function(){
  console.log("item name value:", $(this).val());
});
$inputs.filter(".itemQty").each(function(){
  console.log("itemQty element value:", $(this).val());
});

要素が1つしかない場合は、スキップすることもできます$.each。

var $form= $('form',this.el);
console.log($(".itemName", $form).val());
console.log($(".itemQty ", $form).val());

Answer 3

あなたはこのjQueryによって得ることができます：

 $('form input').each(function(){ 
        alert($(this).val()); 
    });