使用 <input> 与 javascript 和 php 获取 id 值

Question

第一个例子：

var dbSelected = "File selected: ";
var filenamePanel = document.getElementById('filenamePanel');
filenamePanel.textContent = dbSelected + files[0].name;

var postLink = files[0].link;
document.getElementById('postLink').value = postLink;

var postName = files[0].name;
document.getElementById('postName').value = postName; 

如果我使用 <input type="hidden" name="postName" id="postName"> 通过 PHP POST 将值发送到另一个页面，它可以工作。

第二个例子：

function onSuccessCallback(Blob){
    document.getElementById('postName').textContent = Blob.filename;
    document.getElementById('postLink').textContent = Blob.url;
    document.getElementById('results').textContent = JSON.stringify(Blob);            
};

现在，如果我在第二个示例中使用 <input type="hidden" name="postName" id="postName"> 将 'postName' id 值发送到另一个页面，则该值为空。

在第二个示例中需要进行哪些更改，以便我可以使用隐藏的 <input> 字段将“postName”id 值发送到另一个页面？

Answer 1

使用.value而不是.textContent将数据存储在隐藏输入字段中：

document.getElementById('postName').value= Blob.filename;