从iframe按钮submit填充父页面中的文本输入可以通过以下步骤实现:
下面是一个示例代码:
在iframe页面中的按钮点击事件处理函数中:
function submitButtonClicked() {
// 获取需要填充到父页面的文本内容
var textToFill = document.getElementById("inputField").value;
// 使用window.parent对象访问父页面的DOM元素
var parentInput = window.parent.document.getElementById("parentInputField");
// 将文本内容填充到父页面的输入框中
parentInput.value = textToFill;
}
在父页面中的HTML代码中,需要有一个输入框和一个iframe:
<input type="text" id="parentInputField" />
<iframe src="iframe.html"></iframe>
需要注意的是,父页面和iframe页面必须在同一个域名下,否则出于安全考虑,浏览器会阻止跨域访问。
这种方法适用于需要在iframe中进行一些操作,然后将结果填充到父页面的情况,例如在iframe中选择一些选项,然后将选项值填充到父页面的输入框中。
推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云云数据库MySQL(https://cloud.tencent.com/product/cdb_mysql)。
领取专属 10元无门槛券
手把手带您无忧上云