I have a really simple select

<select class="mdb-select md-form">
    <option value="1" data-display-value="text 1">Very very long text 1</option>
    <option value="2" data-display-value="text 1">Very very long text 2</option>
    <option value="3" data-display-value="text 1">Very very long text 3</option>
</select>

Which is then converted to material select by $(select).materialSelect();

So far so good, I open the drop down, and the "Very very long text" s show up. But when I choose one of these, I want the select to display the content of data-display-value and not the inner text of the option. How can I achieve this?