JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <select id="dropdown" style="width:150px;">
                <option value="test">123123123123123123123123123123</option>
                <option value="test2">123123123123123123123123123123</option>
                <option value="test3">123123123123123123123123123123</option>
            </select>
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
</table>

CSS

select, option {
    width:150px;
}

JavaScript

jQuery('#dropdown option').each(function() {
    var optionText = this.text;
    console.log(optionText);
    var newOption = optionText.substring(0,19);
    console.log(newOption);
    jQuery(this).text(newOption + ..);
});