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

Question

我有一个网页，用户可以在其中上传 pdf。例如，当用户上传 3 个 pdf 时，会生成三个文本区域和按钮，以便他们可以提交 pdf 的标题。我的问题是我不知道如何访问这些动态生成的 texarea 的文本区域中的文本，因为我希望也将这些标题分配给上传的 pdf。当按下任何按钮时，我的 SubmitTitle() 函数不知道按下了哪个按钮，而且我不知道如何弄清楚这个按钮。我有一个范围问题，不知道如何解决这个问题。请问有人可以建议吗？

这是迄今为止我的代码:

         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(){
  //?????
    }

Answer 1

您可以给 submitTitle 一个额外的参数，该参数指示单击了哪个按钮/应评估哪个文本区域。

创建元素时写入；

subm_btn.setAttribute('onclick', 'submitTitle('+i+')');`

然后像这样使用它:

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