enter code here
    <form id="ReportIDSection1" class="col-lg-6 section1">
        <div class="form-inline">
            <div class="input-group mb-3 col-lg-11">
                <div class="input-group-append">
                    <span class="input-group-text lclient">clients info:</span>
                </div>
                <select class="form-control col-lg-12 reportidclientname"
                        id="ReportIDClientName" onchange="ShowClients()"></select>
            </div>
        </div>

thats the script

function ShowClients() {
    $('#ReportIDClientName').empty();
    var ReportIDClientName = document.getElementById("ReportIDClientName");

    var option = document.createElement("option");
    option.text = "*** לקוח חדש ***";
    ReportIDClientName.add(option);

    for (var i = 0; i < Clients.length; i++) {
        var clientOption = $('#ReportIDClientName').find('option:contains(' + Clients[i].Name + ')');
        if (clientOption.length == 0) {
            var option = document.createElement("option");
            option.text = Clients[i].Name;
            ReportIDClientName.add(option);   
        }
    }
    if (ReportIDClientName.childElementCount > 1)
        ReportIDClientName.selectedIndex = 1;
}

The idea is to add for each option inside the dropdown X button to delete the row.
I tried some , but I’m a very beginner in JavaScript.