JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group border">
                <label for="assigned_agent_c"><h2>Select User:</h2></label>
                <select class="form-control" id="assigned_agent_c" name="assigned_agent_c">
                     <option value="" selected></option>
        <option data-phone='555-555-5555' data-email='example@email.com' data-nmls='000000' data-bio='www.somesite.com' value='crm_id' data-image="<img src='http://somesite.com/images/user_bio.png' />">My User</option>
    </select>
</div>
<span id="my_name" ></span>
<span id="my_phone" ></span>

JavaScript

$('#assigned_agent_c').change(function(){
    var agent_id = $('#assigned_agent_c').val();
    var name = $('#assigned_agent_c :selected').text();
    var phone = $('#assigned_agent_c :selected').data('phone');
    $('#my_name').text(name);
    $('#my_phone').text(phone);
    $("#user_id").val(agent_id);

});