JSFiddle - React, Tailwind, and code Playground

by Annie Lagang

HTML

<select id="ComboBox">
    <option value="default_price1">Value 0</option>
    <option value="code1_price2">Value 1</option>
    <option value="code2_price3">Value 2</option>
    <option value="code3_price4">Value 3</option> 
</select>

<select id="ComboBox2">
    <option value="default_price1">Value 0</option>
    <option value="code1_price2">Value 1</option>
    <option value="code2_price3">Value 2</option>
    <option value="code3_price4">Value 3</option> 
</select>

<div id="total"></div>

JavaScript

$(function() {
    var offset = 11;
    
    $("select[id*='ComboBox']").change(function() {
        $("#total").text($("select[id*='ComboBox'][value.split('_')[0]!==default]").length + offset);
    });
});