JSFiddle - React, Tailwind, and code Playground

by Neeraj Yadav

HTML

<select multiple>
    <option value="null">Please Select...</option>
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
    <option value="d">D</option>
</select>

JavaScript

function setSelect(){
    var selVals = [], tag = $("select[multiple] option:selected");
    if($(tag).length) {
        $(tag).each(function(index,elem){
            selVals.push($(elem).val());
        });
    } else {
        $("select[multiple] option").each(function(idx,option){
            if($(option).attr("selected")) {
                selVals.push($(option).val());
            }
        });
    }    

    $("#setVal").val(selVals.join("$"));
}
setSelect();

$("#go").click(function(){
    setSelect();
});