将表单结果发布到同一页中的表格

时间：2017-11-04 作者：dealer58

是否有一种方法可以简单地在页面中创建一个表单，用户可以填写该表单，并在提交时在提交按钮的正下方不断填充一个表。

还必须保存/存储此信息，以便用户返回之前的帖子

我不确定我是否知道该怎么做被解释的事情。

这是我的表格，很好用

<form id="myForm" action="" method="post" target="_parent">

<p>Date: 
<input type="date" cf_name="Date" value="" maxlength="25" size="60">


Weight:
<input type="text" cf_name="Weight" value="" maxlength="25" size="60">
</p>

<p>Comments:
<input type="text" cf_name="comments" value="" maxlength="200" size="60">
</p>

<p>Insert Picture (optional):
<input type="text" cf_name="pic1" value="" maxlength="200" size="60">
</p>


<p> 
<input id="submit" type="button" value="Submit" cf_name="submit">
<input type="button" cf_name="cancel" value="Cancel" onClick="closebox()">
</p>
</form>

<table id="details"></table>

2 个回复
SO网友:Drupalizeme

你可以有一个ajax 将数据发送到的操作backend 填充表并返回成功或错误。

您可以使用此操作

add_action(\'wp_ajax_*\', \'custom_table_insert\');
add_action(\'wp_ajax_nopriv_*\', \'custom_table_insert\'); // anonymous users
这将为您提供更多的控制，并最终提供更好的用户体验。//Ajax请求模板

jQuery.ajax({
        url : your_settings_object.ajax_url,
        type : \'post\',
        data : {
            action : \'wp_ajax_*\',
            table_content : table_content
        },
        success : function( response ) {
            alert(response)
        }
    });
注意：your\\u settings\\u对象是一个自定义对象，用于将全局变量从后端传输到js。table\\u内容是用于传递数据的变量，您可以使用$_POST[\'table_content\']

SO网友:Rick Hellewell

询问谷歌“如何发布到同一页面”。使用该信息，您将测试发布操作，然后用发布的信息填充表单字段。

但是使用WP，您还需要创建一个自定义模板来执行此操作。（对于非WP站点，您只需要该页面的代码。）您需要了解自定义模板；有很多关于这方面的教程，这里有一个http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/ ).

一点研究将帮助你弄明白这一点。没有一个简单的过程；但对于这个极客来说，这是一次愉快的学习经历。

结束
标签： posts   forms   小码农  

相关推荐

将PRE_GET_POSTS用于ACF中继子字段上相似比较的元值

我正在尝试根据repeater字段的ACF子字段值组织搜索结果页面。我想要一个相似的结果，而不是=。到目前为止，我获得了以下信息（在下面的帮助下进行了修改，但仍然不起作用）：// Modify meta key to allow wildcard function add_wildcard_to_meta_key_filter( $where ) { $where = str_replace(\"meta_key = \'test_repeater_%\", \"meta_k