Как передать элементы формы в массив, используя их идентификаторы

Question

Я создал объекты, а затем мне нужно сохранить эти данные в массиве.

Используя эту функцию, я создаю Предметы. Каждый элемент, который мне нужно сохранить в массив.

function appendItemforPurchaseOrder() {
    debugger

    var rowNumber = parseInt($(".itemmapContainer").attr("data-rownumber"));

    rowNumber = isNaN(rowNumber) ? 1 : rowNumber + 1;

    var addNewItemDetailHtml = "<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12 itemmapWrapper custom-paaddingnone'\
                               id='itemmapWrapper" + rowNumber + "' data-rowNumber='" + rowNumber + "' >";

    addNewItemDetailHtml += "<div class='col-lg-10 col-md-10 col-sm-10 col-xs-10 custom-paaddingnone form-group'>\
                                    <div class='col-lg-1 col-md-1 col-sm-1 col-xs-1 itemclass custom-paaddingnone text-center'>" + rowNumber + "\
                                    </div>\
                                    <div class='col-lg-11 col-md-11 col-sm-11 col-xs-11 custom-paaddingnone'>\
                                        <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12 custom-paaddingnone form-group'>\
                                            <div class='col-lg-3 col-md-3 col-sm-3 col-xs-3 custom-paaddingleft' onChange='getItemCode(" + rowNumber + ")'>\
                                                <select class='form-control' id = 'itemid"+ rowNumber + "' ></select>\
                                            </div >\
                                        </div>\
                                    </div>\
                                </div >";

    addNewItemDetailHtml += "<div class='col-lg-2 col-md-2 col-sm-2 col-xs-2 form-group'>\
                                 <div class='col-lg-10 col-md-10 col-sm-10 col-xs-10'>\
                                        <input type='text' class='form-control text-right' id='totalamount"+ rowNumber + "' disabled>\
                                </div>\
                                <div class='col-lg-2 col-md-2 col-sm-2 col-xs-2'>\
                                        <span class='glyphicon glyphicon-trash removeBtn' onclick = 'removeItemDetail(this, " + rowNumber + ")' ></span >\
                                </div>\
                            </div > ";


    addNewItemDetailHtml += "</div>";

    addNewItemDetailHtml += "</div>";

    $(".itemmapContainer").attr("data-rownumber", rowNumber);
    $(".itemmapContainer").append(addNewItemDetailHtml);
    intialize_itemDropDown(rowNumber);
    intialize_Data(rowNumber);
}

Есть еще несколько доступных объектов, но если кто-нибудь может решить эту проблему с помощью этих объектов, это было бы замечательно.