I am working with a b-form-select element that displays options based on user input. I am trying to figure out how to trigger a function when the user selects one of the dynamically generated <b-form-option> elements, but I am struggling to capture both the value and text.
Below is a snippet of my code:
<b-form-select
@change="priceNameSelected(group_xreoshs);
getListOfGroups(value, hmera_paralabhs, selectedDate_2);"
id="input-xora"
v-model="group_xreoshs"
class="mb-3"
>
<b-form-select-option :value="null">Επιλέξτε Group Χρέωσης</b-form-select-option>
<b-form-select-option
v-show="this.form.omada_dosame != null"
:value="`${this.form.omada_dosame}`"
:text="${ this.omada_dosame_title }`"
>
</b-form-select-option>
<b-form-select-option
v-show="this.form.omada_zhthse != null"
:value="`${this.form.omada_zhthse}`"
:text="`${this.omada_zhthse_title}`"
>
</b-form-select-option>
</b-form-select>