title: Trigger change event after click event in alpine.js
body: <p>In the following example, when clicking on the select element and changing the value, the textarea value is set to empty.</p>
  <p>I also have buttons that change the select value, but this does not trigger the change event and set the textarea value to empty.</p>
  <pre><code>&lt;div x-data=&quot;{ select : 1, textarea : 'test' }&quot;&gt;
      &lt;div&gt;
          &lt;button x-on:click=&quot;select = 1&quot;&gt;One&lt;/button&gt;
          &lt;button x-on:click=&quot;select = 2&quot;&gt;Two&lt;/button&gt;
          &lt;button x-on:click=&quot;select = 3&quot;&gt;Three&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
          &lt;select name=&quot;test&quot; x-model=&quot;select&quot; x-on:change=&quot;textarea = ''&quot;&gt;
              &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
              &lt;option value=&quot;2&quot;&gt;Two&lt;/option&gt;
              &lt;option value=&quot;3&quot;&gt;Three&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      
      &lt;textarea name=&quot;foobar&quot; x-model=&quot;textarea&quot;&gt;test&lt;/textarea&gt;    
  &lt;/div&gt;
  </code></pre>
  <p>I can get this working by updating the click events on each button, like the following.</p>
  <pre><code>&lt;button x-on:click=&quot;select = 1; textarea = ''&quot;&gt;One&lt;/button&gt;
  </code></pre>
  <p>Is there any way to trigger the change event on the select, regardless of whether it's triggered by the button or directly changing the select value?</p>