Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何设置动态创建的输入字段的id?_Jquery - Fatal编程技术网

Jquery 如何设置动态创建的输入字段的id?

Jquery 如何设置动态创建的输入字段的id?,jquery,Jquery,我有表单字段,其中包含用户根据需要动态创建的输入,从这些输入字段中,我使用它们的id执行实时搜索,但现在动态创建的输入id始终相同,这使得我无法使用它们的id进行搜索,因为它们是相同的,那么如何为用户附加的输入设置不同的id呢?这是我的密码 $("#new_encounter").click(function(){ $("#client_info").html('<div class="table-responsive" id="div_data"><for

我有表单字段,其中包含用户根据需要动态创建的输入,从这些输入字段中,我使用它们的id执行实时搜索,但现在动态创建的输入id始终相同,这使得我无法使用它们的id进行搜索,因为它们是相同的,那么如何为用户附加的输入设置不同的id呢?这是我的密码

 $("#new_encounter").click(function(){

        $("#client_info").html('<div class="table-responsive" id="div_data"><form name="add_me" id="add_me" class="form-inline" ><table id="dynamic" class="table table-bordered"><tr class="info"><th width="70%">DIAGNOSIS</th><th>ICD 10 CODE</th><tr class="info"><tr><td><input type="text" class="form-control" name="diagnosis[]" id="diagnosis" style="width:350px;" placeholder="Enter Diagnosis Keyword"/><div id="diagnosis_list"></div></td>    <td><input type="text"  class="form-control" name="code[]" id="code" placeholder="ICD10 CODE"/></td><td><button type="button" name="add" id="add_input" class="btn  btn-success">Add</button></td></tr></table><center><input type="button" name="create_program" id="create_program" class="btn  btn-success" value="SAVE"/></center></form></div>');
              var i=1;
$('#add_input').click(function(){
i++;

$('#dynamic').append('<tr id="row'+i+'"><td><input type="text" class="form-control" name="diagnosis[]" id="diagnosis2" style="width:350px;" placeholder="Enter Diagnosis Keyword"/><div id="diagnosis_list2"></div></td>    <td><input type="text"  class="form-control" name="code[]" id="code2" placeholder="ICD10 CODE"/></td><td><button type="button" name="remove" id="'+i+'" class="btn_remove btn btn-danger">Remove</button></td></tr>');
});
$(“#新遭遇”)。单击(函数(){
$(“#客户端信息”).html('DiagnosiscID 10代码添加');
var i=1;
$(“#添加输入”)。单击(函数(){
i++;
$('#dynamic')。追加('Remove');
});

执行与处理thr id元素相同的操作,在id属性中传递i索引

$('#dynamic').append('<tr id="row' + i + '"><td><input type="text" class="form-control" name="diagnosis[]" id="diagnosis' + i + '" style="width:350px;" placeholder="Enter Diagnosis Keyword"/><div id="diagnosis_list' + i +'"></div></td>    <td><input type="text"  class="form-control" name="code[]" id="code' + i + '" placeholder="ICD10 CODE"/></td><td><button type="button" name="remove" id="'+i+'" class="btn_remove btn btn-danger">Remove</button></td></tr>');
});
$('#dynamic')。追加('Remove');
});
$(“”)attr('id',…);

给你一个解决方案

$(“#新遭遇”)。单击(函数(){
$(“#客户端信息”).html('DiagnosiscID 10代码添加');
});
var i=1;
$(文档)。在('单击','添加输入',函数()上){
i++;
$('#dynamic')。追加('Remove');
});
$(文档).on('click','btn_remove',函数(){
$(this).closest('tr').remove();
});


点击我$("<input />").attr('id', ... );