JSFiddle - React, Tailwind, and code Playground
HTML
<div id="btn">Add ddl</div>
<br/>
<br/>
<div class="containerDiv" id="upload1"></div>
<div class="containerDiv"></div>
CSS
#btn {
background: none repeat scroll 0 0 #36A9E1;
color: #FFFFFF;
border: medium none;
border-radius: 2px 2px 2px 2px;
text-shadow: none;
font-size: 17.5px;
padding: 11px 19px;
width:70px;
}
JavaScript
$("#btn").on('click', function () {
var arr = ['mno'];
var i = 0;
$("#upload1").after('<select><option value="abc">abc</option><option value="pqr">pqr</option><option value="xyz">xyz</option> <option value="mno">mno</option></select>');
$('.containerDiv').each(function () {
var selected_v = arr[i];
var ddGenerate = '<select><option value="abc">abc</option><option value="pqr">pqr</option><option value="xyz">xyz</option> <option value="mno">mno</option></select>';
$(this).append(ddGenerate);
$(this).find("select option[value='"+selected_v+"']").prop("selected", true);
i++;
});
});