html 子页面获取父页面下拉菜单选中的值用js
可以使用以下代码来获取父页面中下拉菜单选中的值:
// 获取父页面的下拉菜单元素
var selectElement = window.parent.document.getElementById("selectId");
// 获取选中的值
var selectedValue = selectElement.options[selectElement.selectedIndex].value;
// 在子页面中使用选中的值
console.log(selectedValue);
在上面的代码中,我们首先通过 window.parent.document.getElementById("selectId") 获取了父页面中的下拉菜单元素,其中 "selectId" 是父页面下拉菜单元素的 ID。然后,我们通过 selectElement.options[selectElement.selectedIndex].value 获取了选中的值,并将其赋值给 selectedValue 变量。最后,我们可以在子页面中使用 selectedValue 变量来获取选中的值。
需要注意的是,由于涉及到跨域问题,如果子页面与父页面不在同一个域名下,上述方式可能无法使用。此时,可以考虑使用 postMessage API 进行通信
原文地址: https://www.cveoy.top/t/topic/fjZb 著作权归作者所有。请勿转载和采集!