Jquery 如何设置动态创建的输入字段的id?
我有表单字段,其中包含用户根据需要动态创建的输入,从这些输入字段中,我使用它们的id执行实时搜索,但现在动态创建的输入id始终相同,这使得我无法使用它们的id进行搜索,因为它们是相同的,那么如何为用户附加的输入设置不同的id呢?这是我的密码Jquery 如何设置动态创建的输入字段的id?,jquery,Jquery,我有表单字段,其中包含用户根据需要动态创建的输入,从这些输入字段中,我使用它们的id执行实时搜索,但现在动态创建的输入id始终相同,这使得我无法使用它们的id进行搜索,因为它们是相同的,那么如何为用户附加的输入设置不同的id呢?这是我的密码 $("#new_encounter").click(function(){ $("#client_info").html('<div class="table-responsive" id="div_data"><for
$("#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();
});代码>
点击我我现在问这个问题感到很愚蠢。但是谢谢,谢谢,但这确实解决了我想要的问题,因为附加字段的id保持不变
$("<input />").attr('id', ... );