JSFiddle - React, Tailwind, and code Playground

HTML

<p><label style="color: #939597">type<select name="trade[security_attributes][security_type_id]" id="trade_security_attributes_security_type_id" class="w3-select">
 
  <option value="1">Obligation</option>
  <option value="2">Action</option>
  <option value="3">Warrant</option>
  <option value="4">Turbo</option>
</select>
</label></p>

JavaScript

$(function(){
    
    $("#trade_security_attributes_security_type_id").change(function() {
        alert("Selected value: "+$(this).val());
    });

})