code for select2 add and edit

<?=var_dump($college_subject_data['prereqsnew'])?>
<?/*=var_dump($college_subject_data['prereqs'])*/?>
<?php $prerequsit_id = $college_subject_data['prereqs2'];

var_dump($prerequsit_id);
?>

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>


<div class="sublist">
    <fieldset class="themeFieldset01">
        <legend class="themeLegend01">Subjects</legend>
        <?php
        if(isset($eMsg)){
            if (is_array($eMsg)) {
                ?>
                <div class="tblListErrMsg">
                    <?php
                    foreach ($eMsg as $key => $value) {
                        ?>
                        &nbsp;&nbsp;&bull;&nbsp;<?=$value?><br>
                    <?php
                    }
                    ?>
                </div>
            <?php
            }else {
                ?>
                <div class="tblListErrMsg">
                    <?=$eMsg?>
                </div>
            <?php
            }
        }
        ?>

        <?php
        //printa ($oData);
        //printa ($subjectdata);
        ?>
        <form method="post" action="">
            <input type="hidden" name="college_course_id" value="<?=$_GET['cc_id']?>"/>
            <div style="padding:5px;"><!-- background:#FFFFFF; -->
                <fieldset class="themeFieldset01" style="background-color:#a4dd80">
                    <table width="100%">
                        <tr>
                            <td width="80%">
                                <table width="100%" cellpadding="3" cellspacing="1">
                                    <tr>
                                        <td width="15%" class="tablecell_dark" style="font-weight: bold;">Course</td>
                                        <td width="3%" align="center">:</td>
                                        <td width="">
                                            <?=$currentsemdata['cc_name']?></b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Year Level</td>
                                        <td align="center">:</td>
                                        <td width="">
                                            <?=$currentsemdata['yl_name']?></b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Semester</td>
                                        <td align="center">:</td>
                                        <td width="">
                                            <?=$currentsemdata['cs_name']?></b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Subject Name</td>
                                        <td align="center">:</td>
                                        <td width="">

                                            <input type="hidden" name="csh_id" id="searchInput" />
                                            <input type="text" name="search_label" id="searchInputLabel" />

                                            <!--<select name="csh_id">s
                                                <option value="0">Select Subject</option>
                                                <?/*= html_options_2d($college_subject_list, "college_headers_subject_id", "subjname_name", $college_subject_data['csh_id'], false) */?>
                                            </select>-->

                                            <a href="javascript:void;" onclick="javascript:openwindow('registrar.php?statpos=course_curriculum&action=search_subject_curr&cc_id=<?=$_GET['cc_id']?>&ccch_id=<?=$_GET['ccch_id']?>', 'change', '');" >Search</a>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Lecture Units</td>
                                        <td align="center">:</td>
                                        <td><input type="text" name="lec_unit" value="<?= $college_subject_data['lec_unit'] ?>"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Laboratory Units</td>
                                        <td align="center">:</td>
                                        <td><input type="text" name="lab_unit" value="<?=$college_subject_data['lab_unit'] ?>"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Prerequisite</td>
                                        <td width="5%" align="center">:</td>

                                        <td>
                                            <table class="table" id="prerequisites">
                                                <?/*=$college_subject_data['prereqs'] */?>


                                                <!--ccaburog prerequsites-->

                                                <select multiple id="e1" style="width:700px">

                                                </select>


                                                <!--ccaburog prerequsites-->


                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td align="center"><input type="hidden" name="prereqs" id="prereqs" value=""></td>

                                        <td style="display: none">
                                            <a href="javascript:void;" onclick="javascript:openwindow('registrar.php?statpos=course_curriculum&action=prerequisites&cc_id=<?=$_GET['cc_id']?>&ccch_id=<?=$_GET['ccch_id']?>', 'change', '');" >+add prerequisite</a> |
                                            <a href="javascript:void;" onclick="deleteRow();">-delete last prerequisite</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Order</td>
                                        <td align="center">:</td>
                                        <td><input type="text" name="ccc_order" value="<?= $college_subject_data['ccc_order'] ?>"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="tablecell_dark" style="font-weight: bold;">Include to total units</td>
                                        <td align="center">:</td>
                                        <td>
                                            <input type="checkbox" value="20" <?=$college_subject_data['ischecked']?> name="is_included">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td align="center">&nbsp;</td>
                                        <td>
                                            <?php
                                            if($_GET['action']=="editsemsubject"){
                                                ?>
                                                <input type="submit" name="addSubject" value="Save" />
                                            <?php
                                            } else {
                                                ?>
                                                <input type="submit" name="addSubject" value="Add Subject"/>
                                            <?php
                                            }
                                            ?>
                                        </td>
                                    </tr>

                                    <!--week-->
                                </table>
                            </td>
                            <td>
                                <!--                                <table width="100%">-->
                                <!--                                    <tr>-->
                                <!--                                        <td width="20%">-->
                                <!--                                            Lecture Units-->
                                <!--                                            --><?php
                                //                                            printa($total_unit);
                                //                                            ?>
                                <!--                                        </td>-->
                                <!--                                        <td width="3%">-->
                                <!--                                            :-->
                                <!--                                        </td>-->
                                <!--                                        <td>-->
                                <!--                                            --><?//=$total_unit['ilec']?><!--/--><?//=$total_unit['lec']?>
                                <!--                                        </td>-->
                                <!--                                    </tr>-->
                                <!--                                    <tr>-->
                                <!--                                        <td>-->
                                <!--                                            Laboratory Unit-->
                                <!--                                        </td>-->
                                <!--                                        <td>-->
                                <!--                                            :-->
                                <!--                                        </td>-->
                                <!--                                        <td>-->
                                <!--                                            --><?//=$total_unit['ilab']?><!--/--><?//=$total_unit['lab']?>
                                <!--                                        </td>-->
                                <!--                                    </tr>-->
                                <!--                                </table>-->
                            </td>
                        </tr>
                    </table>

                </fieldset>
                Lists of All Subjects under <b><?=$currentsemdata['cc_name']?></b>
            </div>
        </form>
    </fieldset>
</div>
<?=$sem_subject_list?>


<script language="JavaScript">

    function deleteRow() {
        table = document.getElementById("prerequisites");
        rowcount = table.rows.length;
        table.deleteRow(rowcount - 1);

        json1 = JSON.parse(document.getElementById('prereqs').value);
        //console.log(json1);
        /*console.log(JSON.stringify(json1.slice(0,-1));*/
        document.getElementById('prereqs').value = JSON.stringify(json1.slice(0,-1));
    }
</script>


<script>
    $("#e1").select2();
    $("#e1").select2({
        placeholder: "Select a Subjects"
    });


    <?php

        if(isset($_GET['ccc_id'])){

    ?>
    //$('#e1').select2('data', {id: 100, value: 'Lorem Ipsum'});


    //split the data

    var s = "<?=$college_subject_data['prereqsnew']?>";
    var y = "<?=$college_subject_data['prereqs2new']?>";
    var matchs = s.split(',');
    var matchy = y.split(',');
    console.log(matchs)
    console.log(matchy)


    var array = "";
    var ctr = 0;
    var person = [];
    var array = "";
    var test = "";
    var sampleArray = [];

    var dataArrayEdit = [];


    for (var a in matchs)
    {
        var variablesLable = matchs[a];
        var variableyValue = matchy[a];

        // sampleArray = [{text:variablesLable,value:variableyValue}];
        sampleArray.push( { text: variablesLable, value:variableyValue, id:variableyValue} );

//        /dataArrayEdit.push($("#e1").select2('data')[ctr].value);


        ctr++;
    }

    //console.log(dataArrayEdit);
    // console.log('sample array',sampleArray);


    //var strdata = array.slice(',', -1);


    // var sampleArray = [{id:0,text:'enhancement'}, {id:1,text:'bug'}];


    $("#e1").select2( 'data',
        sampleArray
    );

    <?php

        }

     ?>

    var editArray = [];
    var data0 = 0;
    var data1 = 0;
    var test = 0;
    var temp = 0;
    var tempStorage = [];
    var detailsEdit = $("#e1").select2('data');

    var xyz = 1;


    console.log('temp storage',tempStorage);


    window.setInterval(function(){

        var x = 0;
        //console.log(preRequisitesSubjects());
        console.log($("#e1").select2('data')[0].id);
        <?php
         if(isset($_GET['ccc_id'])){
         ?>


        test = Object.keys($("#e1").select2('data')).length;
        console.log('cont data object',test);
        console.log('cont data object this---->',$("#e1").select2('data'));

        while(x < test){

            var wew = $("#e1").select2('data')[x].id;
            tempStorage.push($("#e1").select2('data')[x].id);
           // tempStorage = $("#e1").select2('data')[x].id;
            var t = $("#e1").select2('data')[x].id;


            x++;

        }

        console.log('x',x);
        console.log('t',t);
        console.log('wew',wew);

        console.log('tem storage',tempStorage);


        document.getElementById('prereqs').value="["+tempStorage+"]";

        tempStorage = [];


        <?php }else{ ?>


        document.getElementById('prereqs').value="["+$("#e1").val()+"]";

        <?php } ?>

    }, 1000);


    window.onload = function() {
        console.log(preRequisitesSubjects());
    };

    function preRequisitesSubjects()
    {
        $.ajax({
            url: "registrar.php?",
            type: "GET",
            data:  {
                statpos: 'course_curriculum',
                action: 'prerequisites',
                cc_id: <?=$_GET['cc_id']?>,
                ccch_id: <?=$_GET['ccch_id']?>,
                ajax_prerequisites: '1'
            },
            success: function(data){

                data.forEach(function(data){
                    console.log(data);
                    document.getElementById("e1").innerHTML +=
                        "<option value="
                        +data.ccc_id
                        +">"
                        +data.subjname_shortname
                        +" - "
                        +data.subjname_name
                        +" </option>";

                });

            },
            dataType: 'json'
        });
    }


</script>

<!--sample-->