JSFiddle - React, Tailwind, and code Playground

by nprather

HTML

<select id="AvailableAffectsMy" multiple="multiple" name="AvailableAffectsMy" style="float: left;" class="valid">
    <option value="1">Fear</option>
    <option value="2">Self-esteem</option>
</select>


<button id="saveSpotCheckButton" type="submit" class="btn-inverse">
            Save</button>

JavaScript

$(function() {

    $('#saveSpotCheckButton').click(function(e) {


        //$('#AvailableAffectsMy option').prop('selected', false);
        
        $('#AvailableAffectsMy option').prop('selected', true);


    });

});