title: Change link URL based on select input
body: <p>Using the latest <code>alpine.js</code> build, I am interested in having a select input that I am building in Laravel that looks something as trivial as this:</p>
  <pre><code>{{ Form::select('dogs', $dogs) }}
  </code></pre>
  <p>The above is using <code>LaravelCollective HTML</code> packaging for easy form building.</p>
  <p>Now, when one of the options above is selected, I want the value currently selected to update the anchor tag below:</p>
  <pre><code>&lt;a href=&quot;{{ route('dog', ['dog'=&gt;$selectedDog]) }}&quot;&gt;Pet Dog&lt;/a&gt;
  </code></pre>
  <p>I have a stub <code>href</code> attribute, but I want it to dynamically update and I believe using some kind of <code>alpine.js</code> binding would work here.</p>
  <p>Does it make sense to use <code>x-on</code> for when the select option gets updated and then perhaps use <code>x-bind</code> against the <code>href</code>? What's the right way to approach this so the URL gets updated according to the currently selected option?</p>