我已经为此工作了一段时间，并且无法在网上其他任何地方找到答案。
在我的 wordpress 选项面板中，我有一个可以输入的文本区域，如果我想添加另一个文本区域，我只需单击以添加和删除它们。
这是它的样子：
我所有的 textarea 选项都放在一个数组中，我可以随时调用它们。
我想要做的，并且一直试图弄清楚一段时间是这样的：我希望能够在每个文本区域下方添加一个文本输入，并且每当我更新它时，它都会放置每个文本输入成一个数组。
我有一种感觉，这只是一件我还没有想到的简单的事情。如果没有，请告诉我。
这是选项面板的 github：https ://github.com/leemason/NHP-Theme-Options-Framework
以下是我一直在处理的代码：
此代码位于一个名为的新文件field_multi_textarea.php中，我已将其添加到选项文件夹中目录multi_text内的一个新文件夹中。fields
<?php
class NHP_Options_multi_textarea extends NHP_Options{
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since NHP_Options 1.0.5
*/
function __construct($field = array(), $value ='', $parent){
parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
$this->field = $field;
$this->value = $value;
//$this->render();
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since NHP_Options 1.0.5
*/
function render(){
$class = (isset($this->field['class']))?$this->field['class']:'large-text';
echo '<ul id="'.$this->field['id'].'-ul">';
if(isset($this->value) && is_array($this->value)){
foreach($this->value as $k => $value){
if($value != ''){
echo '<li><div class="fadeout"><textarea id="'.$this->field['id'].'-'.$k.'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" rows="6" class="'.$class.'" />'.esc_attr($value).'</textarea></div> <a href="javascript:void(0);" class="nhp-opts-multi-textarea-remove">'.__('Remove', 'nhp-opts').'</a></li>';
}//if
}//foreach
}else{
echo '<li><div class="fadeout"><textarea id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].'][]" rows="6" value="'.$this->field['std'].'" class="'.$class.'" />'.esc_attr($value).'</textarea></div> <a href="javascript:void(0);" class="nhp-opts-multi-textarea-remove">'.__('Remove', 'nhp-opts').'</a></li>';
}//if
echo '<li style="display:none;"><div class="fadeout"><textarea id="'.$this->field['id'].'" name="" rows="6" class="'.$class.'" /></textarea></div> <a href="javascript:void(0);" class="nhp-opts-multi-textarea-remove">'.__('Remove', 'nhp-opts').'</a></li>';
echo '</ul>';
echo '<a href="javascript:void(0);" class="nhp-opts-multi-textarea-add" rel-id="'.$this->field['id'].'-ul" rel-name="'.$this->args['opt_name'].'['.$this->field['id'].'][]">'.__('Add More', 'nhp-opts').'</a><br/>';
echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since NHP_Options 1.0.5
*/
function enqueue(){
wp_enqueue_script(
'nhp-opts-field-multi-textarea-js',
NHP_OPTIONS_URL.'fields/multi_textarea/field_multi_textarea.js',
array('jquery'),
time(),
true
);
}//function
}//class
?>
这是我命名field_multi_textarea.js并放置在multi_text文件夹中的 js。
jQuery(document).ready(function(){
jQuery('.nhp-opts-multi-textarea-remove').live('click', function(){
jQuery(this).prev('.fadeout').val('');
jQuery(this).parent().fadeOut('slow', function(){jQuery(this).remove();});
});
jQuery('.nhp-opts-multi-textarea-add').click(function(){
var new_input = jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child').clone();
jQuery('#'+jQuery(this).attr('rel-id')).append(new_input);
jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child').removeAttr('style');
jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child textarea').val('');
jQuery('#'+jQuery(this).attr('rel-id')+' li:last-child textarea').attr('name' , jQuery(this).attr('rel-name'));
});
});
我在 NHP-options.php 中调用这个函数，如下所示：
array(
'id' => 'cf_emailaddress2',
'type' => 'multi_textarea',
'title' => __('Contact Form Email Address', 'nhp-opts'),
'sub_desc' => __('To add more, click add more', 'nhp-opts'),
'et_url' => 'myurl',
'std' => get_bloginfo('admin_email') ."",
'desc' => __('Contact Form Email Address, This is where the form will be sent to.', 'nhp-opts')
),
我可以使输入看起来像下面的图像，但它的值不保存，或者它与文本区域中的任何内容相同。
任何帮助将不胜感激。谢谢