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将值发送到控制器，以便将其发送到模型。

本身将方法作为方法调用

0 个答案: