Question

如何将多个输入字段拆分为多个，保持输入字符串不分裂？因此字符串是＆＃34;分裂＆＃34;只有在视觉上
因此，如果用户输入＆＃34; 12345678＆＃34;，显然提交结果将是：field =＆＃34; 12345678＆＃34;，提交＆＃34; 12345678＆＃34;到服务器。那我怎么做：
FIELD1 =＆＃34; 12＆＃34;
FIELD2 =＆＃34; 34＆＃34;
字段3 =＆＃34; 56＆＃34;
字段4 =＆＃34; 78＆＃34;
仍然提交＆＃34; 12345678＆＃34;服务器？

.Sorry，尽可能简单地解释=）

Answer 1

您可以使用javascript将每个字段添加到一起（注意不要添加实际数字），然后创建一个用户无法编辑的字段，并将新值分配给此字段，然后将其发送到服务器，希望我解释好了！

Answer 2

<强>解：基本上你只需要这个脚本：

<script type="text/javascript">
function join()
{
var a = document.getElementById('a').value;
var b = document.getElementById('b').value;
document.getElementById('result').value = a+b;
}
</script>

您必须创建3个独立字段： 1隐藏和两个常规字段。隐藏字段将是结果容器。脚本只需从常规字段中添加2个值，并将结果放入HIDDEN中。所以HTML5代码是：

 <form action="/exec/search.php" method="POST"  onsubmit="return checkSearch();">
<input id="result" type="hidden" name="search" value="" style="border: 1px solid #494846; margin-left:25px;">
<input type="submit">
</form>
<form>
<input id="a" class="tiny" type="text" oninput="join();" onpaste="join();">
<input id="b" class="tiny" type="text" oninput="join();" onpaste="join();">

</form>

感谢Toby Cannon的帮助！

P.S。这绝对是基本的模型。你可以按照自己的意愿前进。

将一个输入字段拆分为SEVERAL HTML

2 个答案: