在 jquery 对话框中的 iframe 中提交表单答案

【问题标题】：submitting forms inside iframe in jquery dialog在 jquery 对话框中的 iframe 中提交表单
【发布时间】：2011-08-03 03:38:41
【问题描述】：

所以我目前正在使用一个内部带有 iframe 的对话框（来自同一域的页面）将 iframe 中的值返回到对话框所在的页面。一切都很好，除非我提交表格。当我提交搜索表单并尝试单击 a 以获取输入的 id 值时，没有任何反应。这是我在做什么的一个例子。

这是带有对话框的页面

    <html>
    <head>
    <script>
    $(document).ready(function(){
       $('a#booksearch_lnk').click(function(){
            $('.choosebookbox').dialog('open').css('display','block');
                $('#choosebookframe').contents().find('a.choosebook').click(function(){
                    // alert($(this).attr('id'));
                    $("#isbn").val($(this).attr('id'));
                    $('.choosebookbox').dialog("close");
                });
        });
       });
    </script>
    </head>
    <body>
    <div class="choosebookbox" style="display:none">
<h4>Choose your first book</h4><div align="center" style="width: 500px; height: 500px"><iframe scrolling="no" id="choosebookframe" src="http://www.myurl.com/choosebook.php" width="100%" frameborder="0" height="100%"></iframe></div>
    </body>

这里是 iframe 页面...

<html>
<head>
</head>
<body>
<div style="width:600px;height:600px;">
<form action="<?php echo $PHP_SELF;?>" method="get">
<input type="text" name="search" style="width:150px"/>
<input type="submit" value="search" class="orangebtnsm" />
</form>
<? if(isset($_GET['search'])){
    $search = $_GET['search'];
 echo "search for $search";
 echo "<ul>";
 echo "<li><a id='2345676898' class='choosebook'>Book 5</a>";
  echo "<li><a id='1985563345' class='choosebook'>Book 6</a>";
 echo "</ul>";
}
?>
<ul>
<li><a id="1234567898" class="choosebook">Book 1</a></li>
<li><a id="2345676898" class="choosebook">Book 2</a></li>
<li><a id="9854645645" class="choosebook">Book 3</a></li>
<li><a id="1985563345" class="choosebook">Book 4</a></li>
</ul>
</div>
</body>
</html>

【问题讨论】：

标签： php jquery iframe

【解决方案1】：

我会说尝试使用面向未来的事件处理程序。

交换

$('#choosebookframe').contents().find('a.choosebook').click(function(){...

有

$('#choosebookframe').contents().find('a.choosebook').live('click',function(){

我认为提交表单时绑定丢失了。

【讨论】：

这实际上使整个事情不起作用。如果没有现场，链接在“发布”之前有效，但现场没有任何效果。
我决定使用 .load 而不是 iframe。当我点击链接时，什么也没有发生
您是从同一个域加载内容吗？检查您的控制台是否有错误。