JSFiddle - React, Tailwind, and code Playground

by Safoora saf

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<select id="abc">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
<div id="sd">
</div>

JavaScript

$(document).ready(function () {
 i=0;
$("#abc").on('change',function() {
 var maindiv= document.createElement('div');
               maindiv.setAttribute("id","TextBoxesGroup");
               var secdiv=document.createElement('div');
               secdiv.setAttribute("id","TextBoxDiv1")
               maindiv.appendChild(secdiv);
                var ipt=document.createElement("input");
                ipt.setAttribute("type","text");
                ipt.setAttribute("id","textbox1");
                secdiv.appendChild(ipt);
                var ad=document.createElement("input");
   ad.value= "+";
   ad.type="button";
    ad.style.width="30px";
   ad.setAttribute("id","addButton"+i);
   ad.onclick=fu_a(this.id);
     secdiv.appendChild(ad);    
               var division= document.getElementById("sd");
               division.appendChild(maindiv);
               i++;
                });
                });
                function fu_a(id){
                alert(id);
                }