JSFiddle - React, Tailwind, and code Playground

by Tintu Raju

HTML

<select multiple id='Member_qualification'>
    <option>Abd</option>
    <option>Xyz</option>
    <option>aa</option>
    <option>ss</option>
</select>

<input type='text' id='Member_print' value='something'>

JavaScript

var selMulti = [];
$("#Member_qualification option").click(function(e) {
    if(!e.ctrlKey) selMulti = [];
    var thisOption = $(this).text();
    if(jQuery.inArray(thisOption, selMulti)==-1)
    selMulti.push(thisOption);
    else
        selMulti = jQuery.grep(selMulti, function(value) {
      return value != thisOption;
    });
     $("#Member_print").val(selMulti.join(","));
});


$("#Member_qualification").change(function() {
    var selMulti = [];
    $.each($("#Member_qualification option:selected"), function(){            
        selMulti.push($(this).text());
    });
    $("#Member_print").val(selMulti.join(","));
});