title: Why is simulating select option with javascript not making API calls?
body: <p>This is the site I'm working on.</p>
  <p><a href="https://www.punters.com.au/form-guide/doomben_181834/tab-long-may-we-play-class-3-handicap_1047245/#SectionalTimes" rel="nofollow noreferrer">https://www.punters.com.au/form-guide/doomben_181834/tab-long-may-we-play-class-3-handicap_1047245/#SectionalTimes</a></p>
  <p>I want to select <strong>Last 5 runs</strong> option instead of <strong>Last 10 runs</strong> with javascript.</p>
  <p>Here's what I did.</p>
  <pre><code>document.getElementById(&quot;sectionalSpeedRunsFilter&quot;).selectedIndex = &quot;1&quot;;
  </code></pre>
  <p>Doing this worked in a way because it selected the <strong>Last 5 runs</strong> option.</p>
  <p>But my problem is, on selecting <strong>Last 5</strong> with <code>javascript</code>, it doesn't make the <strong>API call</strong> as it does on selecting with mouse manually. So data, doesn't get updated.</p>
  <p>How do I fix this ? Any help is appreciated. Fellow developers, please go easy on me, I'm just trying to solve a problem I'm stuck at.</p>