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

时间:2011-09-10 07:38:06

标签: javascript jquery html post

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

更新

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

如果像jQuery这样的东西可以帮助我,那会很好。

2 个答案:

答案 0 :(得分:2)

将它们作为数组:

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

然后您可以在POST阵列中访问它们。

您尚未指明编程语言,但在PHP中,$_POST['inputs'][0]$_POST['inputs'][1]$_POST['inputs'][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();
    });
});

答案 1 :(得分:0)

我想知道为什么你需要那样做。

在php中,你可以像Shef所说的那样做。

在简单的单字案例中,您可以将它们与某些分隔符(例如#或$)连接起来,并在服务器端处理它们。