Php 单击表单中的元素时jquery弹出div

我有一个包含四个元素的表单。我需要在点击图片时打开一个jquery弹出窗口，我将它设置为表单中的第四个元素。弹出窗口包含另一个表单和提交按钮。我不来了。我该怎么办

这是我的表格

echo "<div class=\"addform\">
                                    <form method='GET'  action=\"update_events.php\">\n";
            echo "  <input type=\"hidden\" name=\"column1\" value=\"".$row['event_id']."\"/>\n";
            echo "  <input type=\"text\" name=\"column2\" value=\"".$row['event_name']."\"/>\n";
            echo "  <input type=\"text\" name=\"column3\" value=\"".$row['description']."\"/>\n";
            echo "  <input type=\"image\" src=\"images/update.png\"  id=\"update_event\" alt=\"Update Row\" class=\"topopup\" onClick=\"callPopup(".$row['event_id'].")\";  title=\"Update Row\">\n";

        }
                        echo "</table></form><br />\n"; 

这是我的jquery

<script type="text/javascript">
                function callPopup(id) {
                    console.log(id);

                    var datastring = "&event_id="+id;

                    $.ajax({
                        url: 'event_edit_popup.php', //enter needed url here
                        data: datastring,
                        type: 'get', //here u can set type as get or post
                        success: function(data) {
                        $('.popupContent').html(data);
                                console.log(data);
            $('.loader1').hide();
            $("#popup_content").after(data);
                            // u can see returned data in console log.
                            // here, after ajax call,u can show popup.
                        }
                    });
                };


            </script>   

这是我的弹出div

<div id="toPopup">
            <div class="close"></div>
            <span class="ecs_tooltip">Press Esc to close <span class="arrow"></span></span>
            <div id="popup_content"> <!--your content start-->


            <p align="center">edit company</p>
            </div> <!--your content end-->

            </div> <!--toPopup end-->

            <div class="loader"></div>
            <div id="backgroundPopup"></div>

---

表单中的第一个错误是不完整的，第二个错误是如果要显示图像而不是使用图像标记，则没有输入type='image'

请遵循代码，我希望它对您有所帮助：

<div class='addform'>
    <form method='GET'  action='update_events.php'>
            <input type='hidden' name='column1' value="123"/>
            <input type='text' name='column2' value="456"/>
            <input type='text' name='column3' value="789"/>
        <img src='images/update.png'  id='update_event' alt='Update Row' class='topopup' onClick='callPopup("1")' title='Update Row'/>
    </form>
</div>

---

现在，您可以使用ajax调用弹出窗口，而不必发出警报。

您只需为图像提供一个id即可。。说id=clickme 在jquery脚本中：- $'document'.readyfunction{ $'clickme'.clickfunction{$'topopup'.show220；}；}

同样，您可以在topopup的css中添加过渡，以提供各种效果

要隐藏弹出窗口，请执行以下操作：-

$'document'.readyfunction{ $'backgroundPopup'。单击函数{$'topopup，backgroundPopup'.hide220；}；}

---

//这是假设您希望在单击背景时关闭弹出窗口

where click function？@ShibinRagh onClick=\callPopup.$row['event\u id']。；作为表单的第四个输入元素。您的代码已损坏。你永远不会关闭onclick.thnx@GerbenJacobs。即使现在也没有弹出div。

$("#update_event").click(function() { alert('sdf'); });