AlpineJS z 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