Вызов метода сам по себе как метод

Question

Итак, в основном я пытаюсь создать поле ввода, и когда я ввожу число, оно дает мне желаемого потомка того же HTML. Теперь я хочу, чтобы ребенок произвел больше детей с уникальным именем с помощью JavaScript. Я прилагаю код для лучшего понимания.

<div class="row" id="child_nr">
<div class="col-xs-12">
<div class="form-group col-xs-6">
<div class="form-group col-xs-4">
<label for="name" class="control-label">Parameter Name: <font color="red">*</font></label>
</div>
<div class="form-group col-xs-8">
<input type="text" class="form-control required" id="param_name" name="param_name" placeholder="name" onblur="param()"/>
</div>
</div>
<div class="form-group col-xs-6">
<div class="form-group col-xs-3">
<input type="text" class="form-control required" id="parent_nr" name="parent_nr" value="0" onblur="param()"/>
</div>
<div class="form-group col-xs-5">
<label for="name" name="service_code" id="service_code" class="control-label">
Service Code </label>
</div>
<div class="form-group col-xs-4">
<input type="text" class="form-control required" name="service_code" id="service_code"/>
</div>
</div>
</div>
</div>

<script language="javascript">

function param(){
    var value=parent_nr.value;
    const name=document.getElementById("param_name").value;
    for(var i=1;i<=value;i++)
    {
        const html='<div class="col-xs-12"><div class="form-group col-xs-6"><div class="form-group col-xs-7"><label for="name" class="control-label">Parameter Name'+i+': <font color="red">*</font></label></div><div class="form-group col-xs-5"><input type="text" class="form-control required" id="name" name="name" placeholder="name"/></div></div><div class="form-group col-xs-6"><div class="form-group col-xs-3"><input type="number" class="form-control required" id="parent_nr" name="parent_nr" value="0" onblur="param()"/></div><div class="form-group col-xs-5"><label for="name" name="service_code" id="service_code" class="control-label">Service Code </label></div><div class="form-group col-xs-4"><input type="text" class="form-control required" name="service_code" id="service_code"/></div></div></div>';
        document.querySelector('#child_nr').insertAdjacentHTML('beforeend',html);
        }
    }


function sendData() {
    var question = 'abc';
    var c = 'cde';
    $.ajax({
        url: 'http://localhost/gtiemr/addnewparameter_laboratory',
        type: 'POST',
        data: { question: question, c: c },
        success: function () {
            alert('suc');
        },
        error: function (error) {
            alert('error');
        }
    });
}   

</script>

Кроме того, я хочу знать, как я могу отправить значение на мой контроллер с помощью ajax, чтобы я мог отправить его на модель.