JSFiddle - React, Tailwind, and code Playground

by Mat Doidge

HTML

<select class="selectName" name="Select options" id="options">
    <option value="5.0000">10x4</option>
    <option value="20.0000">10x8</option>
</select>

<select class="selectName" name="Select options" id="options">
    <option value="5.0000">10x4</option>
    <option value="20.0000">10x8</option>
</select>

<p class="result"></p>

JavaScript

function getOptionsPrice() {

var optionsTotal = null;

    function init() {
        $(".selectName").on('change', function() {

            optionsTotal = $.map($(".selectName").find('option:selected'), function (el, i) {
                return $(el).val();
            });
            
            $(".result").text(optionsTotal);

        }).change();
    }

    init();
    return optionsTotal;
}

getOptionsPrice();