如何将输入字段值放入联系表 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

像这样：

 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>

Answer 2

我自己找到了答案，但我想分享一下。希望我可以帮助使用输入字段的人，同时保留 Contact Form 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>

如何将输入字段值放入联系表 7 字段中？

How to put input fields values into a contact form 7 field?

javascript

contact-form-7