我希望使用asyncbox插件模拟弹窗效果,请问该怎么处理?

有两个页面,分别为ceshi.php和selectProduct.php,我希望使用asyncbox插件模拟弹窗效果,打开selectProduct.php这个可以供选择的产品列表页面,当点击弹窗中的“确定”按钮,将我在selectProduct.php这个页面中选中的这个产品对应的数据库中的id号返回值给ceshi.php这个页面中的id为proid的文本框中,请问具体代码该怎么写?
ceshi.php页面有如下代码:
头部代码省略
<body>
<input type="text" name="proid" id="proid">
<input type="button" name="button" id="button" value="按钮">
<script>

$('#button').click(function(){
asyncbox.open({

   url : 'selectProduct.php',
   width : 400,
   height : 300,
   btnsbar : $.btn.OKCANCEL, //按钮栏配置请参考 “辅助函数” 中的 $.btn。
   callback : function(action){
     //判断 action 值。
     if(action == 'ok'){
       //点击确定按钮后selectProduct.php页面将选中的产品信息的id的值返回到当前页面,同时关闭本弹窗,此处代码该如何写,或者还需要在selectProduct.php中写什么代码?;
     }
   }
 });
})

</script>
</body>

噜噜哒
浏览 108回答 1
1回答

慕田峪9158850

//如需阻止窗口关闭,请在判断 action 值内加入 return false asyncbox.open({   url : 'asyncbox.html',   width : 400,   height : 300,   btnsbar : $.btn.OKCANCEL, //按钮栏配置请参考 “辅助函数” 中的 $.btn。   callback : function(action,opener){     //判断 action 值。     if(action == 'ok'){       //调用了“asyncbox.html”页内的“fun()”函数。       opener.fun();       //得到"asyncbox.html"页内 ID 为 text_1 文本值。       opener.document.getElementById("text_1").value;       //“CheckForm()”函数可以返回 true || false 如用于检查内容页文本框是否为空。       //返回 false 就刚好阻止窗口关闭。       return opener.CheckForm();      }   } });
打开App,查看更多内容
随时随地看视频慕课网APP