JSFiddle - React, Tailwind, and code Playground

by Al Kasih

HTML

<select class="quantity" data-product="1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<p class="price-1">200</p>
<div class="total"></div>

JavaScript

$(function(){

    var select = $('.quantity');
    select.change(function(){
        var productId = select.data('product');
        var price = parseInt($('.price-' + productId).text());
        var productQuantity = parseInt(select.val());
        
        $('.total').html(null).append("Total: " + (productQuantity * price));
    });

});