JSFiddle - React, Tailwind, and code Playground

by Daedalus

HTML

<select id="pa_size-2" name="attribute_pa_size-2" data-attribute_name="attribute_pa_size-2">
    <option value="">Choose an option…</option>
    <option value="4-t" class="attached enabled">4 T</option>
    <option value="6-12-months" class="attached enabled">6-12 months</option>
    <option value="12-18-months" class="attached enabled">12-18 months</option>
    <option value="18-24-months" class="attached enabled">18-24 months</option>
    <option value="2t" class="attached enabled">2T</option>
    <option value="6t" class="attached enabled">6T</option>
</select>
<p class="stock stock in-msg in-stock">1 in stock</p>

JavaScript

$(function () {
    $("#pa_size-2").change(function () {
        var $stock = $(".stock.in-msg.in-stock");
        if ($stock.text() === '1 in stock') {
            $stock.text("Only 1 left in stock!").css("display","block");
        } else {
            $stock.css("display","none");
        }
    });
});