如何发布多个输入字段

时间:2014-09-02 00:21:18

标签: php jquery html

我是这类编码的新手,所以我想知道是否有人可以帮助我。

这就是我想要实现的目标,一个输入字段,用户可以输入文本并在其中附加另一个文本。因此,例如,当用户输入文本时,例如"我的名字!!",在发布时会有另外的隐藏文字附加到此,因此服务器将收到"隐藏文字!&#34 ;,"我的名字!!"。

这是一个以更简单的方式解释这一点的图像。

enter image description here

到目前为止,这是我的代码..

        <form method="post" action="jumpin.php">
            <label>Desired Username:</label>

            <div>
                <label id='labletext'><?php echo $_SESSION['user_name_custom']; ?></label>
                <input type="text" id="userid" name="userid" />
                <input type="submit" value="Check" id="jumpin" />
            </div>
<script>
    $('#userid').keyup(function(){
    $(this).css('color','#000');   
    });
    $('#userid').blur(function(){
    var value = $('#labletext').text()+$(this).val();
    $(this).val(value);
    });
</script> 
        </form>

此代码似乎无法正常工作,所有服务器都收到的是用户提交的文本,而不是&#34; labletext&#34;。

3 个答案:

答案 0 :(得分:3)

您可以使用隐藏的输入字段。

<input type="hidden" name="extra_label" value="<?php echo $_SESSION['user_name_custom']; ?>" />

您的用户不可见,但数据会传递到您的服务器。

在服务器端代码中,您将访问$_REQUEST['extra_label']等变量。

答案 1 :(得分:0)

您必须将连接的值放入表单字段中,以便在发布表单时将其提交给服务器。

$('#userid').blur(function(){
    var value = $('#labletext').text().trim() + ' ' +$(this).val();
    $(this).val(value);
});

答案 2 :(得分:0)

<input type="hidden" name="label" value="yourvalue" />

在你的提交中你可以做到这一点

if(isset($_POST['submit']))
{
 $text = $_POST['text'];
 $label = $_POST['label'];
 $string = $label.$text;
}