JSFiddle - React, Tailwind, and code Playground

HTML

<input id="TaskId" name="TaskId" type="hidden" value="18" />
<div id="MainDiv">
    <div id="toClone">
        <div style="display: inline;">
            <select id="Tasksess">
                <option value="">لطفاً کار را انتخاب کنيد</option>
                <optgroup label="کار های جديد">
                        <option value="16"style="">q3fe</option>
                        <option value="18"style="">fjhv j</option>
                        <option value="19"style="">wref</option>
                        <option value="25"style="">ff</option>
                </optgroup>
                <optgroup label="کار های در دست اقدام">
                        <option value="13"style="">rr</option>
                        <option value="15"style="">yy</option>
                </optgroup>
                <optgroup label="کار های تمام شده">
                        <option value="14"style="">tt</option>
                        <option value="18"style="">fjhv j</option>
                </optgroup>
            </select>
        </div>
        <div style="display: inline;">
            <select id="Statusess" name="Statusess"><option value="">لطفاً وابستگی را انتخاب کنيد</option>
<option value="1">پيشنياز</option>
<option value="2">همنياز</option>
</select>
        </div>
        <div style="display: none;" id="Ok">
            ok
        </div>
        <div style="display: none;" id="noOk">
            تکراری
        </div>
        <div id="loadingGif" style="display: none;">
            <img src="/Content/Images/ajax-loader/253L.gif" alt=""/>
        </div>
    </div>
</div>

JavaScript

var Maindiv = $("#MainDiv");
var toClone = $("#toClone");

$("#MainDiv").delegate('#Statusess','change', function () {
    if ($(this).find(":selected").val() != "") {                    
        if ($(this).parent().prev().find(":selected").val() != "") {
            $(this).parent().parent().find("#loadingGif").attr("style", "display: inline;");
            $.ajax({
                url: '/echo/html/',
                type: 'POST',
                success: function (data, status) {
                    data = "1";
                    if (data != "0") {
                        $(this).parent().parent().find("#Ok").attr("style", "display: inline;");
                        $(this).parent().parent().find("#noOk").attr("style", "display: none;");
                    }
                    else if (data == "0") {
                        $(this).parent().parent().find("#Ok").attr("style", "display: none;");
                        $(this).parent().parent().find("#noOk").attr("style", "display: inline;");
                    }
                    var div = $('div:eq(0)', Maindiv).clone();
                    Maindiv.append(div);
                }
            });
            $(this).parent().parent().find("#loadingGif").attr("style", "display: none;");

        }
    }
});