JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

<select id="subjectsPassed" name="subjects_passed[]" data-width="100%" multiple>
    <option value="Hindi">Hindi</option>
    <option value="English">English</option>
    <option value="Math">Math</option>
    <option value="Science">Science</option>
    <option value="Social Science">Social Science</option>
    <option value="Sanskrit">Sanskrit</option>
</select>

JavaScript

var hidValue = 'Hindi, English, Math, Science, Social Science, Sanskrit';
var optionVal = [];
var selectedOptions = hidValue.split(/\s*(?:,|$)\s*/);
console.log(selectedOptions)
for (var i in selectedOptions) {
  optionVal[i] = selectedOptions[i];
}
optionVal.forEach(myFunc);

function myFunc(value) {
  $("#subjectsPassed option[value='" + value + "']").prop("selected", true);
}
$("#subjectsPassed").multiselect('reload');