我想获取动态创建的文本框值。我的js代码是,
$('#Dynm_Device_Fields').append('<div class="col-sm-12 form-group"><div class="col-sm-1"><button type="button" name="add" class="btn btn-success btn-sm add"><span class="glyphicon glyphicon-plus"></span></button></div></div>');
$(document).on('click','.add',function(){
inner_div = "";
id_cnt = id_cnt + 1;
inner_div = "<div class='col-sm-12 form-group'><label class='col-sm-4 control-label'></label><div class='col-sm-7'><div class='col-sm-4'><input name = 'Dynm_Key_"+id_cnt+"' id='Dynm_Key_"+id_cnt+"' type='text' class='form-control adcol' placeholder='Field Name' /></div><div class='col-sm-4'><input name = 'Dynm_Val_"+id_cnt+"' id='Dynm_Val_"+id_cnt+"' type='text' class='form-control adcol' placeholder='Field Value' /></div></div><button name = 'DynmButtonBox' type='button' style='width:35px;' class='btn btn-danger remove col-sm-1 fa fa-close' data-toggle='tooltip' data-placement='right' data-original-title='Remove' ></button><br></div>";
$('#Dynm_Device_Fields').append(inner_div);
});
请帮忙找出解决办法。谢谢
我看到的文本框是:
<input name='Dynm_Val_"+id_cnt+"'
id='Dynm_Val_"+id_cnt+"'
type='text'
class='form-control adcol'
placeholder='Field Value' />
使用 JQuery:
var val = $('#Dynm_Val_' + id_cnt).val();
如果您需要获取所有文本框的数组:
var textboxElements = $('input.adcol');
或纯 JavaScript,请尝试:
var val = document.getElementById('Dynm_Val_' + id_cnt).value; // single
var textboxElements = document.querySelectorAll('input.adcol'); // array of elements
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句