Wordpress Metabox输入 - 向文本输入添加“添加行”按钮

时间:2017-09-28 21:19:59

标签: php jquery html wordpress input

我想在我的Metabox中添加一个“添加行”按钮 在此Metabox中,用户可以记下关键字,稍后将显示 因为我不知道用户会写下多少个关键字,所以我希望“添加行”按钮动态添加新的输入行。

这是我想要的照片:
enter image description here

如您所见,我有3行文本输入。当我单击“添加行”按钮时,应显示另一行具有完全相同的文本输入。

我不知道如何实现这一点,但我知道这是可能的 也许你们中的一些人已经做过类似的事情,可以帮我找到解决方案吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

您是否尝试过将cmb2用作插件或框架?它有一个内置功能,您需要调用可重复字段' ... link。它在第一眼就不会给你灵活性(因为你在学习这个框架的原理之前你不能在wordpress元数据框中编码任何字段),但对于像可重复字段这样简单的事情它很简单:

$cmb->add_field( array(
    'name'    => 'Test Text', //field name
    'desc'    => 'field description (optional)', //field desc
    'default' => 'standard value (optional)', //self-explanatory, can be even a meta value
    'id'      => 'wiki_test_text', //field id - you can access it later via get_post_meta($post->ID, 'wiki_test_text', true)
    'type'    => 'text', //many pre-built types + external field types
    'repeatable' => true // here`s the magic - https://i.imgur.com/WSiYLrP.png (i speak mostly russian, but i think that the screenshot can be read even if you don`t understand russian...)
) );

这个节省了我很多时间!