怎么在新窗口中控制父窗口中select的值
日期：2014-05-16 浏览次数：20414 次
如何在新窗口中控制父窗口中select的值？
从A窗口中弹出B窗口，在B窗口中用JS清除A窗口中一个select中所有的选项目，并给该select添加一个新的选项。如何实现？在网上找的好象都不能用。
------解决方案--------------------
改进了一下，这个更灵活，没有投机取巧，哈
A.html
====================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> Page A </title>
<script language= "JavaScript ">
<!--
function openPageB()
{
window.showModalDialog( "B.html ", document, "dialogHeight:300px; dialogLeft:200px; ");
}
//-->
</script>
</head>
<body>
<input type= "button " onclick= "openPageB(); " value= "Open Page B " />
<select id= "selCar ">
<option value= "1 "> 宝马 </option>
<option value= "2 "> 保时捷 </option>
<option value= "3 "> 奔驰 </option>
</select>
</body>
</html>
B.html
====================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> Page B </title>
</head>
<body>
<input type= "button " id= "btnClear " value= "Clear ">
</body>
<script language= "JavaScript ">
<!--
var aDocument = window.dialogArguments;
var aSelect = aDocument.getElementById( "selCar ");
var oClear = document.getElementById( "btnClear ");
oClear.onclick = function() {
aSelect.options.length = 0;
var oOption = aDocument.createElement( "OPTION ");
oOption.innerText = "大公共 ";
oOption.value = "0 ";
// 还是 DOM 踏实！
aSelect.appendChild(oOption);
// 死活就是报错？！无厘头
//aSelect.options.add(oOption);
};
//-->
</script>
</html>
从A窗口中弹出B窗口，在B窗口中用JS清除A窗口中一个select中所有的选项目，并给该select添加一个新的选项。如何实现？在网上找的好象都不能用。
------解决方案--------------------
改进了一下，这个更灵活，没有投机取巧，哈
A.html
====================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> Page A </title>
<script language= "JavaScript ">
<!--
function openPageB()
{
window.showModalDialog( "B.html ", document, "dialogHeight:300px; dialogLeft:200px; ");
}
//-->
</script>
</head>
<body>
<input type= "button " onclick= "openPageB(); " value= "Open Page B " />
<select id= "selCar ">
<option value= "1 "> 宝马 </option>
<option value= "2 "> 保时捷 </option>
<option value= "3 "> 奔驰 </option>
</select>
</body>
</html>
B.html
====================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> Page B </title>
</head>
<body>
<input type= "button " id= "btnClear " value= "Clear ">
</body>
<script language= "JavaScript ">
<!--
var aDocument = window.dialogArguments;
var aSelect = aDocument.getElementById( "selCar ");
var oClear = document.getElementById( "btnClear ");
oClear.onclick = function() {
aSelect.options.length = 0;
var oOption = aDocument.createElement( "OPTION ");
oOption.innerText = "大公共 ";
oOption.value = "0 ";
// 还是 DOM 踏实！
aSelect.appendChild(oOption);
// 死活就是报错？！无厘头
//aSelect.options.add(oOption);
};
//-->
</script>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
