JSFiddle - React, Tailwind, and code Playground

HTML

<select multiple="multiple" id="select">
    <option id="1" value="1">Opt</option>
    <option id="2" value="2">Opt</option>
    <option id="3" value="3">Opt</option>
    <option id="4" value="4" >Opt</option>
     <option id="1" value="1">Opt</option>
    <option id="2" value="2">Opt</option>
    <option id="3" value="3">Opt</option>
    <option id="4" value="4" >Opt</option>
</select>

JavaScript

$(document).ready(function() {
    $('option').mousedown(function(e) {
        e.preventDefault();
        $(this).prop('selected', $(this).prop('selected') ? false : true);
        
        return false;
    });
    
    
    $('#select').change(function() {
         console.log($(this).val());
    });
  
});