Javascript 如何使用fancybox打开html表单作为弹出窗口

我有一个父html页面，其中我有按钮打开对话框（子页面-表单），从对话框中获取输入，然后返回父页面并使用值

HTML按钮：

<div class="fancybox">
<input type="button" id="opener" value="X" name="1"></td>
</div>

我试图作为对话框打开的div标记：

<div id="dialog" title="Basic dialog">
Weight<input type="text" id="wt" name="weight"  title="Weight"/>
Length<input type="text" id="lgt" name="length"  title="Length"/>
Width<input type="text" id="wdt" name="width"  title="Width"/> 
Height<input type="text" id="ht" name="height"  title="Height"/>
<ul id="categories">
  <li id="cat-1">
  <img src="Images/download.jpg" alt="Smiley face" width="42" height="42" 
onclick="PopulateDetails(1,1,1,1)">
  </li>
  <li id="cat-2">
   <img src="Images/Fedex_express.gif" alt="Smiley face" width="42" height="42" 
onclick="PopulateDetails(2,2,2,2)">
  </li>
  <li id="cat-3">
   <img src="Images/download.jpg" alt="Smiley face" width="42" height="42" 
onclick="PopulateDetails(3,3,3,3)">
  </li>
  <li id="cat-4">
   <img src="Images/Fedex_express.gif" alt="Smiley face" width="42" height="42" 
onclick="PopulateDetails(4,4,4,4)">
  </li>
</ul>
<button name="OK" onclick="PopulateForm()">OK</button>

</div>

重量
长
宽度
身高










好啊

试试这种方法

<input type="button" href="#dialog" id="opener" value="X" name="1"></td>

---

感谢它的工作，但我想将对话框中的值发送回html。另外，当我按下表单中的“确定”按钮时，对话框没有关闭。@Praveen您必须为该表单编写提交函数，您必须手动关闭fancybox，就像这样

$。fancybox.close（）

感谢alot Sridhar，现在我又有了一个请求，我用Javascript生成了多个按钮。在前面的Jquery中，我用以捕获行（传入name属性）的值，无论按哪个按钮：pkg=$（'this'）.attr（'name'）；我们在fancybox中有什么可以做同样的事情吗。

<input type="button" href="#dialog" id="opener" value="X" name="1"></td>

$(document).ready(function() {
    $("#opener").fancybox();
});