How to set select2 selected value using option text?

Question

I'm using select2 with a delivery date calendar, available dates are listed like this.

<select name="e_deliverydate" id="e_deliverydate" class="select select2-hidden-accessible" data-placeholder="Escolha uma data" tabindex="-1" aria-hidden="true">
   <option value="select">Select a delivery date</option>
   <option value="18-9-2021">sábado, 18 setembro, 2021</option>
   <option value="21-9-2021">terça-feira, 21 setembro, 2021</option>
   <option value="22-9-2021">quarta-feira, 22 setembro, 2021</option>
   <option value="23-9-2021">quinta-feira, 23 setembro, 2021</option>
   <option value="24-9-2021">sexta-feira, 24 setembro, 2021</option>
</select>

Is it possible to set the selected option using the option text? I'm trying this:

let date_string = 'quarta-feira, 22 Setembro, 2021';

let val = $('#e_deliverydate').find("option:contains('"+date_string+"')").val();

$('#e_deliverydate').val(val).trigger('change.select2');

But all I get to do is to empty the select2 input, I'm using select2 4.0x, what should I do?

Maybe this could help you: https://stackoverflow.com/a/3744323/13604954 — Patfreeze, Sep 17 '21 at 18:33
maybe replace `option:contains('"+date_string+"')` by `option:contains['"+date_string+"']` — Patfreeze, Sep 17 '21 at 18:41
Based on this link :https://select2.org/searching you need to customize a function. — Patfreeze, Sep 17 '21 at 19:07

score 0 · Answer 1 · answered Sep 17 '21 at 21:03

Your Date string

let date_string = 'quarta-feira, 22 Setembro, 2021';

Can you try it for val

let val = $("#e_deliverydate option").filter(function() { 

    return $(this).text().includes(date_string) 

}).val();

And this for trigger

$('#e_deliverydate').val(val).trigger('change');

How to set select2 selected value using option text?

1 Answers1