Question

我正在使用Fancybox2，我遇到了问题。我无法弄清楚如何在Fancybox弹出窗口中设置/获取表单数据。

我想做的是：

textarea（#edit_BM1）的值应使用值设置当#BM1 表格单元格（click）和弹出窗口时隐藏标记（.cli_BM1）应该显示。
当我click 取消按钮时，应关闭弹出窗口。
或者隐藏标记（#BM1）的值应使用值设置我textarea 更新按钮时#edit_BM1（click）。

实际上，

弹出窗口显示但textarea（#edit_BM1）的值没有显示变化。
当click 取消或更新按钮时，没有任何反应。

在我的代码中：

<script type="text/javascript">
<!--
$(function () {
    $(".cli_BM1").click(function () {
        $("#edit_BM1").val($("#BM1").val());
        $.fancybox({
            "content" : $("#BM1").html()
        });
    });
    $(".btn_cancel").click(function () {
        $.fancybox.close();
    });
    $("#btn_BM1").click(function () {
        $("#BM1").val($("#edit_BM1").val());
        $.fancybox.close();
    });
});
-->
</script>

HTML

<table>
  <tr>
    <td class="cli_BM1" id="c_BM1"></td>
    <td class="cli_BM2" id="c_BM2"></td>
    <td class="cli_BM3" id="c_BM3"></td>
  </tr>
</table>
<input type="hidden" name="BM1" id="BM1" value="" />
<div id="BM1" style="display:none">
    <textarea name="edit_BM1" id="edit_BM1" cols="40" rows="4"></textarea>
</div>
<div class="popup_btn_area">
    <button class="btn_cancel">Cancel</button>
    <button id="btn_BM1">Update</button>
</div>
</div><!-- /BM1 -->

如何在弹出窗口中指定选择器？如果您有任何想法，请告诉我正确的方法。

谢谢。

2014年11月25日补充：

以下是演示页面：

http://awawa.jp/demo/141125/index.html

单击6个单元格以显示弹出窗口。

弹出窗口显示但textarea（#edit_BM1）的值没有变化。

解决。我写错了代码。应使用.text()代替.val()。

的index.html

第56-64行：.prop()和.val()不起作用。
第124-127行：点击button.btn_cancel。

我真的很感激帮助。谢谢。

如何使用内容在Fancybox弹出窗口中设置/获取表单数据？

0 个答案: