Обработка динамических полей

Имеется форма, в которой при помощи js реализовано динамическое добавление полей:

  add_text.addEventListener("click", function(){
  count++;
  var i = count;
  
  var div = document.createElement('div');
  div.id = 'txt_'+i;
  div.classList = 'element';
  document.querySelector('#block_dynamic').appendChild(div);
  text();
function text() {
  var textarea = document.createElement('textarea');
  textarea.id = 'xf_txt'+ i;
  textarea.classList = 'xfupload_text';
  textarea.rows = 1;
  textarea.placeholder = 'Начните вводить текст';
  textarea.name = "xfield["+ i +"]";
  document.querySelector('#txt_'+i).appendChild(textarea);
});

Работает отлично, динамические поля передают данные.

foreach( $_POST['xfield'] as $item ) {
 $items[] = $item;
}

$add = implode( $items,'<br>' );

Например, есть такие поля:

<input id="xf_txt1" name="xfield[1]" value="Заголовок1"/>
<input id="xf_txt2" name="xfield[2][h2]" value="Заголовок2"/>
<input id="xf_txt3" name="xfield[3]" value="Заголовок3"/>

php выводит:

Заголовок1
Array
Заголовок3

Как из xfield[2][h2] получить тот же value?