获取动态创建的文本框的值

Question

我想获取动态创建的文本框值。我的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);
});

请帮忙找出解决办法。谢谢

Answer 1

我看到的文本框是：

<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

Answer 2

看来您在动态添加的文本框上有 .addcol。试试这个

$(document).on('click', '.adcol', function() { alert($(this).val()) });

获取动态创建的文本框的值

Fetch the value of dynamically created textbox

javascript

textbox

dynamic