JQuery関数にselectオプションを追加する方法

Question

Jquery関数にフォーム要素を入力して選択したいのですが、どのように処理するのか分かりません。現時点では、私は1つの要素だけを追加することができます。これは、入力または選択フォーム要素です。私は関数が入力と選択フォームの両方の要素のためのフィールドを含むようにしたい。

jQueryのコード

function collectFormData(fields) { 
       var data = {}; 
       for (var i = 0; i < fields.length; i++) { 
        var $item = $(fields[i]); 
        data[$item.attr('name')] = $item.val(); 
       } 
       return data; 
      } 
var $inputs = $form.find('input'); 
var data = collectFormData($inputs) 

はこれを試みたが、動作しません。

var $selects = $form.find('select') 
var $inputs = $form.find('input').append($selects); 
var data = collectFormData($inputs) 

Answer 1

あなたはこのようなあなたのフォームにIDを追加することができた場合：

<form id="myForm"> 
... 
</fomr> 

、あなたはすべてのフォーム入力を取得するには、この機能を使用することができます。

var data = {}; 
$.each($('#myForm').serializeArray(), function(i, field) { 
    data[field.name] = field.value; 
}); 

Answer 2

function collectFormData(fields) { 
    var data = {}; 
    fields.each(function(){ 
     var $item = $(this); 
     data[$item.attr('name')] = $item.val(); 
    }); 
    return data; 
}