JSFiddle - React, Tailwind, and code Playground

HTML

<select id="cboABC0" class="RetrieveList cboABC" data-index="0" data-info="3" name="cboABC">
<option selected="selected" value="N">Select</option>
<option value="Ppppdvv">Partial</option>
<option value="C">Complete</option>
<option value="CA">Cancelled</option>
</select>
<select id="sec" class="RetrieveList cboABC" data-index="0" data-info="3" name="cboABC">
<option value="N">Select</option>
<option value="Ppppdvv">Partial</option>
<option value="C">Complete</option>
<option value="CA">Cancelled</option>
</select>
<div id="divv"><div>
  
    <html>

JavaScript

$(document).ready(function(){

    $(".RetrieveList").live('change',function(event){      
        var val_info = $(this).attr("data-info"); 
        var val_index = $(this).attr("data-index");
        var sOptionSelected = $(this).val();
        
        
$("#sec :first-child").each(function () {

alert($(this).attr("selected"));
});
        alert("hi");

    // Here is where I want to do something , depending on the selected option.

    }); 
});