如何访问使用javascript动态生成的textarea的文本内容?

如何访问使用javascript动态生成的textarea的文本内容?,javascript,html,Javascript,Html,我有一个网页,用户可以上传PDF。当用户上传例如3个PDF时,会生成三个文本区域和按钮,以便他们可以提交PDF的标题。我的问题是,我不知道如何访问这些动态生成的texarea的textarea中的文本,因为我希望也能将这些标题分配给上传的PDF。 当按下任何一个按钮时,我的submititle()函数都不知道按下了哪个按钮,我也不知道如何找出这个按钮。我有一个范围问题,不知道如何排序。 有人能给我建议吗 以下是我迄今为止的代码: function completeHandler

我有一个网页,用户可以上传PDF。当用户上传例如3个PDF时,会生成三个文本区域和按钮,以便他们可以提交PDF的标题。我的问题是,我不知道如何访问这些动态生成的texarea的textarea中的文本,因为我希望也能将这些标题分配给上传的PDF。 当按下任何一个按钮时,我的submititle()函数都不知道按下了哪个按钮,我也不知道如何找出这个按钮。我有一个范围问题,不知道如何排序。 有人能给我建议吗

以下是我迄今为止的代码:

         function completeHandler(event){
        // convert JSON text to a JSON object
        var jsonObject = JSON.parse(event.target.responseText);
        _("status").innerHTML = jsonObject.succeed[0].name;



        // Creating a form dynamically.
        // Allow user to copy/paste the title of the pdf.
        var succeedList = jsonObject.succeed;
       console.log(succeedList);

        for( i=0; i<succeedList.length; i++){
            var div_forTextArea = document.createElement("DIV");
            div_forTextArea.setAttribute('class', 'dyn_div');

            var heading = document.createElement("h6");
            heading.innerHTML = jsonObject.succeed[i].name;
            div_forTextArea.appendChild(heading);

            var textarea = document.createElement("TEXTAREA");
            var txtarea_id = 'txt_'+i;
            textarea.innerHTML="Enter title of pdf here...";
            textarea.setAttribute('id', 'txtArea_'+i);
            div_forTextArea.appendChild(textarea);
            console.log(textarea);

            var subm_btn = document.createElement("INPUT");
            subm_btn.setAttribute('type','submit');
            subm_btn.setAttribute('id', 'btn_'+i);
            subm_btn.setAttribute('value', "submit title");
            subm_btn.setAttribute('onclick', 'submitTitle()');
            console.log(subm_btn);

            div_forTextArea.appendChild(subm_btn);

            document.getElementById('out_box').appendChild(div_forTextArea);

        }
    }


  function submitTitle(){
  //?????
    }
函数completeHandler(事件){
//将JSON文本转换为JSON对象
var jsonObject=JSON.parse(event.target.responseText);
_(“状态”).innerHTML=jsonObject.success[0]。名称;
//动态创建表单。
//允许用户复制/粘贴pdf的标题。
var succeedList=jsonObject.succeed;
console.log(成功列表);

对于(i=0;i基本上,您需要确保您正在分配一个ID,以便可以检索它。只有在无法引用对象时,您才能对其进行操作。(如果您的朋友没有名字,您将如何引用朋友?)


是前面的一个问题,提出了同样的问题。这应该可以回答您的问题。:)祝您好运!

您可以给
submittle
一个额外的参数,指示单击了哪个按钮/应该计算哪个文本区域

在创建元素时写入

subm_btn.setAttribute('onclick', 'submitTitle('+i+')');`
然后像这样使用它:

function submitTitle(id){
    var textEntered = document.getElementById('txtArea_txt_'+id).value;
    console.log('Textarea #'+id+' has text: '+textEntered);
}

关于
document.getElementById('txt_0').value;
?我不知道按下了哪个按钮,因此检索了哪个文本区域的文本内容。我的submitTitle函数在completedHandler函数的外部。如果我将它放在内部,那么当我按下任何按钮时,函数submitTitle()都无法识别(“未定义”)没问题!很高兴有帮助。:)