<div id="container">
   <h2>Dynamic Form</h2>
   <div id="form2"></div>
</div>

var arr = [];
for (var i = 0; i <_form.formInfo.formElements.length ; i++)
{
    var element = _form.formInfo.formElements[i];

    if(element.type == 'text') {
        arr.push(
            $('<label/>', { labelKey: element.labelKey }),
            $('<input/>',{ type: element.type, tabIndex: element.tabIndex, maxLength: element.maxLength,
            name: element.name, defaultValue: element.defaultValue, pattern: element.regEx, placeholder: element.placeholder }));
    }
    if(element.type == 'dropdown') {
        arr.push($('<select/>', { name: element.name, tabIndex: element.tabIndex } )
        .append($("<option></option>").val(0).html("GLOBAL"))
        .append($("<option></option>").val(1).html("SITE"))
        .append($("<option></option>").val(2).html("FACILITY"))
        .append($("<option></option>").val(3).html("YARD"))
        )
    }
    if(element.multiLevel) {
        var multiArr = [];
        for (let j = 0; j < element.multiLevel.length; j++) {
            const multielement = element.multiLevel[j];
            multiArr.push($('<input/>',{ type: multielement.type, tabIndex: multielement.tabIndex, maxLength: multielement.maxLength,
                name: multielement.name, defaultValue: multielement.defaultValue, pattern: multielement.regEx }));
        }
    }
    if(element.type == 'textarea') {
        arr.push($('<textarea/>', {  tabIndex: element.tabIndex, rows: element.rows, cols: element.cols, maxLength: element.maxLength,
            name: element.name, defaultValue: element.defaultValue, pattern: element.regEx }));
    }
    if(element.type == 'password') {
        arr.push(
            $('<label/>', { labelKey: element.labelKey }),
            $('<input/>',{ type: element.type, tabIndex: element.tabIndex, maxLength: element.maxLength,
            name: element.name, defaultValue: element.defaultValue, pattern: element.regEx }));
    }
}