父页面:
<script type="text/javascript">
function attributeSelect(){
var win = window.showModalDialog('<?php echo site_url('/admin/admin_item/item_attribute_parent_select');? >','newwindow','height=700,width=500,top=10,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
if(win!=null)
{
document.getElementById("parent_id").value=win.id;
document.getElementById("parent_name").value=win.name;
}
}
</script>
弹窗页面:
<script type="text/javascript">
function returnParent(){
var radiogroup = document.getElementsByClassName('radiogroup');
for(i=0;i<radiogroup.length;i++)
{
if(radiogroup[i].checked)
{
window.returnValue={
'id':radiogroup[i].value,
'name':document.getElementById(radiogroup[i].value).value
};
}
}
window.close();
}
</script>
当子页面点击按钮,触发returnParent方法,将值传回父页面并关闭子页面。
showModalDialog为模态对话框,它的好处是打开之后会始终保持输入焦点,在关闭它之前父窗体是无法获取焦点的,这可以阻塞用户的操作等待返回。但是并非所有浏览器都能兼容此方法,在W3C中,Window对象方法里不包括showModalDialog和showModelessDialog。showModelessDialog是非模态对话框,输入焦点可以在父窗口和子窗口之间任意切换,就不会阻塞用户的操作。另外,window.open兼容性最好,但是这次尝试的时候没能成功传值,以后还会做一些尝试。