首頁猿問我希望使用asyncbox插件模擬...

我希望使用asyncbox插件模擬彈窗效果，請問該怎么處理？

Java C

嚕嚕噠 2023-03-18 14:10:41

有兩個頁面，分別為ceshi.php和selectProduct.php，我希望使用asyncbox插件模擬彈窗效果，打開selectProduct.php這個可以供選擇的產(chǎn)品列表頁面，當(dāng)點擊彈窗中的“確定”按鈕，將我在selectProduct.php這個頁面中選中的這個產(chǎn)品對應(yīng)的數(shù)據(jù)庫中的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, //按鈕欄配置請參考 “輔助函數(shù)” 中的 $.btn?！　　allback : function(action){　　　　　//判斷 action 值?！　　　　f(action == 'ok'){　　　　　　　//點擊確定按鈕后selectProduct.php頁面將選中的產(chǎn)品信息的id的值返回到當(dāng)前頁面，同時關(guān)閉本彈窗，此處代碼該如何寫，或者還需要在selectProduct.php中寫什么代碼？;　　　　　}　　　}　});})</script></body>

查看完整描述

1 回答

慕田峪9158850

TA貢獻(xiàn)1794條經(jīng)驗獲得超8個贊

//如需阻止窗口關(guān)閉，請在判斷 action 值內(nèi)加入 return false
　asyncbox.open({
　　　url : 'asyncbox.html',
　　　width : 400,
　　　height : 300,
　　　btnsbar : $.btn.OKCANCEL, //按鈕欄配置請參考 “輔助函數(shù)” 中的 $.btn。
　　　callback : function(action,opener){
　　　　　//判斷 action 值。
　　　　　if(action == 'ok'){
　　　　　　　//調(diào)用了“asyncbox.html”頁內(nèi)的“fun()”函數(shù)。
　　　　　　　opener.fun();
　　　　　　　//得到"asyncbox.html"頁內(nèi) ID 為 text_1 文本值。
　　　　　　　opener.document.getElementById("text_1").value;
　　　　　　　//“CheckForm()”函數(shù)可以返回 true || false 如用于檢查內(nèi)容頁文本框是否為空。
　　　　　　　//返回 false 就剛好阻止窗口關(guān)閉。
　　　　　　　return opener.CheckForm();　
　　　　　}
　　　}
　});