CI中用JS弹出对话框并传值

父页面：

<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兼容性最好，但是这次尝试的时候没能成功传值，以后还会做一些尝试。