JSFiddle - React, Tailwind, and code Playground

HTML

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
     <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    
    <div id="Parameter-container">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <select class="form-control select2 question1" onChange="quest(this.value,this.id);" placeholder="Question" id="pgm_question1" name="pgm_question[]">
                                                    <option></option>                                 
                                                    </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <select class="form-control select2 answer1" multiple="multiple" placeholder="Answer" id="pgm_que_ans1" name="pgm_que_ans1[]">
                                                    <option></option>                                            
                                                    </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                        ...

JavaScript

$(document).ready(function() {
 
function initializeSelect2(selectElementObj) {
    selectElementObj.select2({
      tags: true
    });
  }


 //onload: call the above function 
initializeSelect2($(".select2"));

            var max_fields = 32; //maximum input boxes allowed
            var wrapper = $(".addprogram"); //Fields wrapper
            var add_button = $("#addprog"); //Add button ID

            var x = 1; //initlal text box count
            $(add_button).click(function(e) { //on add input button click

                e.preventDefault();
                if (x < max_fields) { //max input box allowed
                    x++; //text box increment
                    var $newSelects = $('<div class="row"><div class="col-md-4"><div class="form-group"><select class="form-control select2 question1" onChange="quest(this.value,this.id);" placeholder="Question" id="pgm_question1'+x+'" name="pgm_question1'+x+'[]"><option></option></select></div>' +
                        '<div class="form-group"><select class="form-control select2 answer1" multiple="multiple" placeholder="Answer" id="pgm_que_ans1'+x+'" name="pgm_que_ans1'+x+'[]"><option></option></select></div></div><div class="col-md-4"><div class="form-group"><select class="form-control select2 question1" onChange="quest(this.value,this.id);" placeholder="Question" id="pgm_question2'+x+'" name="pgm_question2'+x+'[]">' +
                        '<option></option></select></div><div class="form-group"><select class="form-control select2 answer1" multiple="multiple" placeholder="Answer" id="pgm_que_ans2'+x+'" name="pgm_que_ans2'+x+'[]">' +
                        '<option></option></select></div></div><div class="col-md-4"><div class="form-group"><select class="form-control select2 question1" onChange="quest(this.value,this.id);" placeholder="Question" id="pgm_question3'+x+'" name="pgm_question3'+x+'[]">' +
                        '<option></option></select></div><div class="form-group"><select...