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