JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<select name="xyz123" id="xyz123">
   <option value="">Choose</option>
   <option value="item1-A">Item 1</option>
   <option value="item2-A">Item 2</option>
   <option value="item3-A">Item 3</option>
</select>

<select name="xyz456" id="xyz456">
   <option value="">Choose</option>
   <option value="item1-B">Item 1</option>
   <option value="item2-B">Item 2</option>
   <option value="item3-B">Item 3</option>
</select>

<button id="click">Click</button>

JavaScript

$('#click').click(function() {

    console.log("Selected");
    $('option:selected', 'select[name^=xyz]').each(function(i,e) {
        console.log( $(e).val() );
    });
    
    console.log("Not Selected");
    $('option:not(:selected)', 'select[name^=xyz]').each(function(i,e) {
        console.log( $(e).val() );
    });

});