JSFiddle - React, Tailwind, and code Playground

HTML

<select id="jqueryVersions" >
    <option>Select jquery version</option>
    <option id="id_1" value="value_1">Jqurey 1.9.1</option>
    <option id="id_2" value="value_2">Jqurey 1.8.1</option>
    <option id="id_3" value="value_3">Jqurey 1.7.1</option>
    <option id="id_4" value="value_4">Jqurey 1.6.1</option>
</select>    

<select id="jqueryMultiVersions" multiple >
    <option>Select jquery version</option>
    <option>Jqurey 1.9.1</option>
    <option>Jqurey 1.8.1</option>
    <option>Jqurey 1.7.1</option>
    <option>Jqurey 1.6.1</option>
</select>

JavaScript

$("#jqueryVersions").change(function(){
        var selectedOption = $("#jqueryVersions :selected");
    
        alert(selectedOption.text());
        alert(selectedOption.attr("id"));
        alert(selectedOption.val());
});

//multi select event 
$("#jqueryMultiVersions").change(function(){
        var selectedOptions = $("#jqueryMultiVersions :selected");
    alert("Number of element selected :"+selectedOptions.size());
    $(selectedOptions).each(function(){
        alert($(this).text());
    });
});