javascript - Jquery UI 对话框内的输入未发送？

Question

我的页面中有很多对话框

<script type="text/javascript">
    function paydetail(windID) { 
        $(".dialog").dialog("destroy"); 
        var dlg = $("#dialog"+windID).dialog({ 
            resizable: false, 
            width: 490, 
            modal: true, 
            buttons: { 
                "OK": function() { 
                    $(this).dialog("close"); 
                }
            } 
        }); 

        dlg.parent().appendTo($("#domains" + windID)); 
        return false; 
    } 
</script>

Html 看起来，具有唯一名称和 id 的多个表单(例如 name="domains_list5"id="domains5"):

<form action="/domains_list/" method="POST" name="domains_list{$domain.id}" id="domains{$domain.id}">
    <tr>
        <td width="50" class="datetime acenter">
            <a href="#" onclick="paydetail('{$domain.id}'); return false;"><img src="{$site_root}{$css_js_path}/images/domen_info.png" /></a>
            <div id="dialog{$domain.id}" class="dialog dialog-infopay hide" title="info">
                <table align="center">
                    <tr>
                        <td align="right">ID:&nbsp;</td>
                        <td align="left">
                            <input type="text" value="{$domain.webmaster_id}" name="domain_webmaster_id[{$domain.id}]" style="width: 50px" />
                        </td>
                    </tr>
                </table>
            </div>
        </td>
        <td width="90">
            <input style="margin: 20px auto 15px;" type="button" class="btn" onclick="javascript: document.domains_list{$domain.id}.submit();" value="Обновить" />
        </td>
    </tr>
</form>

提交其中一个表单后，我没有从该表单的模态中获取 POST 数据。请帮助我

Answer 1

jquery ui 对话框分离内容并将其放置在页面末尾。这有效地将其从表单中删除。
您唯一能做的就是使用隐藏输入来获取任何对话框输入的内容。