JSFiddle - React, Tailwind, and code Playground

HTML

<form id="formHU">
    <div class="ui-grid" id="blkSaisie">
        <div class="ui-block" id="divWin">
            <select data-mini="true" data-theme="a" id="vainqueur1" name="vainqueur[]">
                <option value="play1">Player 1</option>
                <option value="play2">Player 2</option>
                <option value="play3">Player 3</option>
            </select>
        </div>
    </div>
</form>
<div id="blkBtn">
    <div class="ui-grid-a">
        <div class="ui-block-a"> <a id="btnDel" name="btnDel" data-role="button" data-theme="e" data-icon="delete"
            data-inline="true" data-iconpos="left" data-mini="true">Del</a>

        </div>
        <div class="ui-block-b"> <a id="btnAdd" name="btnAdd" data-role="button" data-theme="e" data-icon="plus"
            data-inline="true" data-iconpos="left" data-mini="true">Add</a>

        </div>
    </div>
</div>

JavaScript

var nbLigne = 1;
$("#btnAdd").click(function () {
    nbLigne++;
    var blkW = $("#vainqueur1").clone(true);
    blkW.attr("id", "vainqueur" + nbLigne);
    $("#divWin").append(blkW);
});
$("#btnDel").click(function () {
    if (nbLigne > 1) {
        $("#vainqueur" + nbLigne).remove();
        nbLigne--;
    }
});