JSFiddle - React, Tailwind, and code Playground

by kapil sharma

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<input type="number" name="quant" value="" id="quant" />
<select name="shipment" class="select_custom" disable>
    <option value="100"  data-quantity="1"> 100 per 1 item </option>
    <option value="150"  data-quantity="2"> 150 per 2 item </option> //this must be selected
</select>

<input type="hidden" name="price" id="price"class="price" value="50">

JavaScript

$(document).ready(function () {
        $("#quant").focusout(function () {
            var qty = $(this).val();
            var price = $("#price").val();
            $(".select_custom option").each(function () {
                console.log($(this).attr('data-quantity'));
                if ($(this).attr('data-quantity') == qty) {
                    $("#quant").val(qty);
                    $("#price").val(price);
                    return false;
                } else {
                    $("#quant").val(0);
                    $("#price").val(0);
                }
            });
        });
    });