alpinejs с Select
// display selected value dynamically:
<div x-data="{ dynamictext: 'default' }">
<select name="location_id"
x-on:change="(e) => locationfull = e.target.options[e.target.selectedIndex].value">
...options
</select>
// display dynamic text:
<span x-text="dynamictext"></span>
</div>
Literate Lentil