javascript - 三个文本输入到一个 POST 名称

Question

如果我有三个文本输入，我想将这三个文本输入中的值组合成一个 POST 名称，我该怎么做？

更新:

一个很好的例子是，如果我有一个电话号码字段，并且我有三个电话号码字段...我希望将其作为一个发布，这样回到服务器端我就可以通过 $POST 访问它['电话']

如果 jQuery 之类的东西可以帮到我，那就太好了。

Answer 1

将它们作为一个数组:

<input type="text" name="inputs[]" />
<input type="text" name="inputs[]" />
<input type="text" name="inputs[]" />

然后您可以在 POST 数组中访问它们。

您没有指定编程语言，但在 PHP 中它是，$_POST['inputs'][0], $_POST['inputs'][1], $_POST['输入'][2]...

---

由于您只想在服务器端显示一个包含完整电话号码的电话输入，而不是它的一部分，并且您在项目中使用 jQuery，这将使事情变得简单:

1。示例标记

<form id="my_form" method="post">
    <input type="text" name="phones[]" />
    <input type="text" name="phones[]" />
    <input type="text" name="phones[]" />
    <input type="hidden" name="phone" />
    <input type="submit" name="send" value="Send It" />
</form>

2。 jQuery

$(document).ready(function(){
    var $phones = $('#my_form input[name="phones[]"]'),
        $phone = $('#my_form input[name="phone"]');

    $('#my_form').submit(function(){
        // join all the phone parts together
        var phone_number = '';
        $phones.each(function(){
            phone_number += this.value;
        });

        // change the hidden input element's value
        $phone.val(phone_number);

        // remove the phone parts input elements
        $phones.remove();
    });
});