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

时间:2020-02-04 06:38:29

标签: javascript contact-form-7

我要使用

<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>
    ```

2 个答案:

答案 0 :(得分:0)

类似这样的东西:

 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>

答案 1 :(得分:0)

我自己找到了答案,但我想分享。希望我可以帮助使用输入字段的人,同时保留联系表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>
相关问题