JSFiddle - React, Tailwind, and code Playground

by tankchintan

HTML

<select id="jumpto-chapter">
<option value="1">Chapter 1 - Year 2011</option>
<option value="2" selected="selected">Chapter 2 - Year 2011</option>
<option value="3">Chapter 3 -  WOhooooo</option>
</select>        
        
<br />
<br />

<span id="external-trigger">This shoudl change select element's value  but I want to avoid triggering the change event. </span>

JavaScript

$(document).ready(function() {

    $("#jumpto-chapter").change(function() {
        
       alert("changed to " + $(this).val());
        
    });
    
    
    $("#external-trigger").click(function() {
         $("#jumpto-chapter").val("1");
    });

});