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

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