需要获取两个文本字段值并将其添加到另一个字段

时间:2009-10-20 14:08:16

标签: php jquery html

<p>First Name <input type="text" name="first_name"> Last Name <input type="text" name="last_name"></p>
<input type="hidden" name="screen_name" value="first_name + last_name">

如何将输入的内容添加到first_name和last_name字段并将它们一起添加到screen_name中,以便在提交字段时,它会为screen_name字段输入相应的值?

我正在寻找php或jQuery解析。

这可以解决这个问题吗?

<?php $screen_name = $_POST["first_name"]." ".$_POST["last_name"]; ?>

  <input type="hidden" name="screen_name" value="<?php print $screen_name; ?>" />

4 个答案:

答案 0 :(得分:3)

最好不要将screen_name全部放在一起。只需在PHP端连接first_name和last_name的值。

<?php

$screen_name = $_REQUEST['first_name'].$_REQUEST['last_name'];

?>

如果你使用JavaScript,有人可能会禁用它并向你发送一个实际上并不是他们的名字和姓氏的屏幕名称。

答案 1 :(得分:2)

我同意它应该是服务器端,但只是回答你的问题:

var combinedName = $("input[name='first_name']").val() + $("input[name='last_name']").val();
$("input[name='screen_name']").val(combinedName);

答案 2 :(得分:0)

对于PHP(在服务器端):

$ ScreenName = $ _POST [“first_name”]。“”。$ _ POST [“last_name”]

使用jQuery(在客户端),您必须在字段中添加id以便更轻松地访问它们:

<p>First Name <input type="text" name="first_name" id="first_name"> Last Name <input type="text" name="last_name" id="last_name"></p>
<input type="hidden" name="screen_name" value="first_name + last_name" id="screen_name">

然后在表单提交事件(或输入字段更改事件)上设置screen_name字段值:

var screenNameVal = $.("#first_name").attr("value")+" "+$.("#last_name").attr("value");
$.("#screen_name").attr("value",screenNameVal);

答案 3 :(得分:0)

这就是我使用的

   <script type="text/javascript">
        $('input[name="firstname"], input[name="lastname"]').blur(function () {
            $('input[name="fullname"]').val(function () {
                return $('input[name="firstname"]').val() + ' ' + $('input[name="lastname"]').val();
            });
        });
    </script>