在JQuery中检索动态生成值后,为动态生成textarea分配值

时间:2017-05-15 05:29:51

标签: jquery

我正在使用.append()函数来动态生成HTML DOM。因此,modal是动态创建的,因此我使用$('.modal-body' ).on('keyup', '#modal_product_details'+i, function(){}并获得精确的modal_desc值。

但是当我在动态文本区域(#additional_description1, #additional_description2, #additional_description3.....)中分配这个(modal_desc)值时,那不是写作。

    $('.modal-body' ).on('keyup', '#modal_product_details'+i, function(){
        var modal_desc = $(this).val();
        alert(modal_desc);
        $('#additional_description'+i).text(modal_desc);
    });

请建议我如何调整此问题并根据动态创建的textarea编写此值。

1 个答案:

答案 0 :(得分:0)

你必须使用.val()代替.text()来代替textarea,

$('#additional_description'+i).val(modal_desc);

我认为如果i在所有modals中很常见,则会有多个ID相同,因此首先获取单个模态框中所有additional_description字段的父级,然后更改其值,例如,

$('.modal-body' ).on('keyup', '#modal_product_details'+i, function(){
    var modal_desc = $(this).val();
    var parent = $(this).closest('.modal-body'); // get parent here
    alert(modal_desc);
    parent.find('[id^="additional_description"]') // get all add.. desc.. id
      .each(function(ind){
        $('#additional_description'+(ind+1)).val(modal_desc);
    });
});