JSFiddle - React, Tailwind, and code Playground

HTML

<select id="id_user" name="user" multiple="multiple">
        <option value="1">User 1</option>
        <option value="2">User 2</option>
        <option value="3">User 3</option>
        <option value="4">User 4</option>
    </select>
    <br/>
    <span class="select" value="1">Select 1 user</span> | <span class="remove" value="1">Remove 1 select</span><br/>
    <span class="select" value="2">Select 2 user</span> | <span class="remove" value="2">Remove 2 select</span><br/>
    <span class="select" value="3">Select 3 user</span> | <span class="remove" value="3">Remove 3 select</span><br/>
    <span class="select" value="4">Select 4 user</span> | <span class="remove" value="4">Remove 4 select</span><br/>

CSS

.select { color:green; }
.remove { color:red; }

JavaScript

$(".select,.remove").click(function(){
        var option = $("#id_user").find("option[value='" + $(this).attr("value") + "']");
        option.prop("selected", $(this).is(".select"));
    });