refer this sample
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.myClass{
width:500px;
border:1px solid red;
padding:5px;
}
</style>
<title></title>
</head>
<body>
<script>
var Qty = 5;
for (i = 0; i < Qty; i++) {
debugger
var newDiv = document.createElement('div');
document.body.appendChild(newDiv);
newDiv.id = 'd' + i;
newDiv.className = 'myClass';
var input = document.createElement('input');
input.type = "text";
input.id = "txt" + i;
newDiv.appendChild(input);
var select = document.createElement("select");
select.id = "select" + i;
newDiv.appendChild(select);
var items = ["option1", "option2", "option3"];
for (var j = 0; j < items.length; j++) {
var option = document.createElement("option");
option.value = items[j];
option.text = items[j];
select.appendChild(option);
}
}
</script>
</body>
</html>
Demo
Plunker[
^]