Question

我有一个页面，其中包含用户输入详细信息的表单。我需要做的是，当用户单击表单的提交按钮时，会出现一个弹出窗口，该窗口传递表单的所有值。的的index.php

<?php 
include "add_complain.php";
?>
        <form action="" enctype="multipart/form-data" method="post" >
                Add Cover Pic :<br>
                <input name="cover_pic" type="file" id="cover_pic"/><br>
                Article title :<br>
                <textarea name="article-title" id="article-title" style="width: 100%">
                </textarea><br>
                Article body :<br>
                <textarea name="article-body" id="article-body" style="height: 100px">
                </textarea><br>
                Choose Image :<br>
                <input name="file[]" type="file" id="file"/>
                <input type="button" id="add_more" class="upload"  value="Add More Files"/><br><br>
                Insert Embedded code for video :<br>
                <input type="text" name="embedded_code"><br>
                <input name="submit" type="button" id="submit" value="SUBMIT" onclick="popup();" /><br>


            </form>
    <script>

            function popup()
    {
     $(".background_popup").show();
      $("#modal").show();
    }
    </script>

add_complain.php

    <div id="modal" class="popupContainer" style="display:none;">

        <header class="popupHeader">
                <span class="header_title">ADD COMPLIAN</span>
                <span class="modal_close"><i class="fa fa-times"></i></span>
        </header>

            <section class="popupBody">
                <div>//fetch form data
</div>
            </section>
        </div

这是我的代码..我无法获取表单值

Answer 1

如果您只想将数据显示到模态/弹出窗口，可以使用jquery val（）和jquery text（）

像这样：

$date_ = new DateTime();
$date_->add(new DateInterval('P4H'));

如果您想通过AJAX将其作为表单数据发送，请使用jquery serialize（）

您可以参考：each page

PHP使用javascript将表单值传递到弹出窗口

1 个答案: