Как поместить значения полей ввода в поле контактной формы 7?

Question

Я хочу использовать

<input type="text" id="bla1" name="bla1" />

И использовать этот ввод для создания поля из контактной формы 7

[text bla2 id:bla2 name:bla2]

Может быть, использовать javascript, чтобы сделать это?

Небольшое обновление:

<input type="number" id="bla1" name="bla1" min="0" max="100" onblur="change(change-to-form-field);" />
  <span Method="Get" id="span2">
  [number bla2 id:bla2]
  </span>

  <script>
  function change(change-to-form-field)
{
  var bla1var = document.getElementById('bla1').value;
  document.getElementById('bla2').value=parseFloat('bla1var');
  document.span2.submit();
}
</script>
    ```

Answer 1

Я нашел ответ сам, но хочу поделиться им. Надеюсь, я смогу помочь кому-нибудь, используя поля ввода, оставив при этом функциональность полей Контактной формы 7! Я столкнулся с некоторыми проблемами, но использование двух DIV решило проблемы.

<div name="test1">
<input type='number' id='bla1' onblur='Changeinput2field();' value="5"/>
</div>
<div name ="testarea1" Method="Get" id='form1'>
[number bla2 id:bla2 name:bla2 "5"]
</div>
<script>
function Changeinput2field()
{
  var bla1var = document.getElementById('bla1').value;
  var per10 = parseFloat(bla1var) ;
  document.getElementById('bla2').value=parseFloat(per10);
  document.form1.submit();
}
</script>

Answer 2

Примерно так:

 function CreateField(){
        var input = document.getElementById('input');
        eval('var data =' + input.value);
        var newInput = document.createElement('input')
        newInput.setAttribute('id', data.id);
        newInput.setAttribute('name', data.name);
        newInput.setAttribute('text', data.text);
        document.body.append(newInput)

        console.log(input.nodeType)
    }

input{
width: 226px;
}

<input type="text" id="input" name="bla1" value="{text: 'bla2', id: 'bla2', name: 'bla'}" />
    <button onclick="CreateField()" title="Create Field">Create Field</button>