如何在单个提交输入类型上执行colorbox和提交操作?

时间:2016-09-20 07:27:15

标签: php forms submit colorbox

我想在单击表单提交上执行colorbox和php insert功能。

这是我的表格:

ExecutorService

这是我的彩盒编码

 <form name="album" id="album"  action="#">
       <table>
           <tr>
               <td>Album Name</td>
               <td><input type="text" value="" name="album_titlee" required></td>
           </tr>
           <tr>
              <td colspan="2"><input class="button_new" type="submit" name="submit_album" id="submit_album"  value="ADD"></td>
           </tr>
      </table>
</form>

这是我的php函数[For Form Submit]:

<div style='display:none'>
        <div id='inline_content' style='padding:10px; background:#fff;'>
            <p>We recommend the following resolutions for different print sizes.</p>
            <table>
                   <tbody>
                       <tr>
                          <th width="80" height="25">Size</th>
                          <th>Minimum Resolution</th>
                        </tr>
                        <tr>
                           <td height="25">3.5" x 5"</td>
                           <td>525 x 750 pixels (0.4 megapixels)</td>
                        </tr>
                   </tbody>
            </table>
        </div>
    </div>
</div>

上面的php代码只是完美地插入数据,但是在插入语句之后我需要在colorbox上打开#inline_content分区。它不会执行。如何在将表格数据插入db后打开颜色框。 / p>

2 个答案:

答案 0 :(得分:0)

你需要使用ajax。 使用Javascript:

albumTitleeFromInput = $("input[name=album_titlee]").val();

$.ajax({
        url: "/urlToYourPhpScript",
        type: "POST",
        dataType: 'json',
        data: {
            album_titlee: albumTitleeFromInput
        },
        success: function (data) {
            //Open your colorbox in there
        }
    });

答案 1 :(得分:0)

最后我实现了我的需要。只需在表单数据插入后调用java脚本函数。

echo "<script type='text/javascript'>window.onload = function()
{
    popup();
}
</script>";