JSFiddle - React, Tailwind, and code Playground

by octavioamu

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<select id="mySelect" class="form-control">
    <option value="controller_url" data-description="the url from the controller">controller_url</option>
    <option value="2" data-description="Item 2">Item 2</option>
    <option value="3" data-description="Item 3">Item 3</option>
</select>

<small id="description" class="form-text text-muted">We'll never share your email with anyone else.</small>

JavaScript

$('#mySelect').change(function(){
    var $selected = $(this).find(':selected');
    
    $('#description').html($selected.data('description'));
}).trigger('change');