const tBodyTemplate = '<tbody>'

+    '<tr class="parent" id="parent">'

+        '<td width="60%">'

+            '<div class="input-group">'

+                '<label class="ckbox mg-t-10" title="Daily">'

+                    '<input type="checkbox" id="chk1"  onclick="check(\chk1\)" >'

+                    '<span calss="mg-t-0">Daily</span>'

+                '</label>'

+                '<div class="input-group-prepend" style="width:80%">'

+                    '<select data-target="textbox" class="js-example-basic-multiple col-md-4 form-control" name="states[]" multiple="multiple" style="width: 100%" onchange="GetSelectedvalues(event);">'

+                        '<option value="1">MON</option>'

+                        '<option value="2">TUE</option>'

+                        '<option value="3">WED</option>'

+                        '<option value="4">THU</option>'

+                        '<option value="5">FRI</option>'

+                        '<option value="6">SAT</option>'

+                        '<option value="7">SUN</option>'

+                    '</select>'

+                '</div>'

+                '<input type="text" class="form-control txtv" value="" placeholder="0000000" id="textbox" disabled>'

+            '</div>'

+        '</td>'

+    '</tr>'

+'</tbody>'

​

function GetSelectedvalues(event) {

    // Here you are selecting only the first select with the class "js-example-basic-multiple"

    var select = document.getElementsByClassName('js-example-basic-multiple')[0];

    // You are better off selecting the current changing select using the argument event

    select = event.target;

    var textboxId = select.dataset.target;

    var result = "";

    var options = select && select.options;

    var opt;

    for (var i = 0; i < select.options.length; i++) {

        opt = options[i];

        var isSelected = select.options[i].selected;

        isSelected = (isSelected) ? opt.value : "0";

        result += isSelected;

    }

    document.getElementById(textboxId).value = result;

}

let rowCount = 0;

//add row

function addmaintable() {

   rowCount++;

   var tBody = tBodyTemplate.replace(/textbox/g, 'textbox' + rowCount); 

   $('#datatablereqstsched').append(tBody);

}

function check(chk) {

            var checkb = document.getElementById(chk);

            if (checkb.checked == true) {

                document.getElementById('textbox').value = "1234567";

                $(".js-example-basic-multiple").prop("disabled", true);

            }

            else {

                document.getElementById('textbox').value = "0000000";

                $(".js-example-basic-multiple").prop("disabled", false);

                $(".js-example-basic-multiple").val(null).trigger('change');

            }

        }

​

$('#add-row').click(addmaintable);