以html格式从另一个字段获取相同的数据

Question

我是Php / Mysql / Javascript的新手。我正在学习它。

在我的Html表单中有5个字段：

1. 状态
2. 电子邮件地址
3. 用户名
4. 密码
5. 同意按钮。

我的问题是“如何在用户名字段中输入相同的电子邮件地址？”

例如：状态 =先生，电子邮件地址 = emailaddress@yahoo.com，并且应自动填写用户名字段< strong>电子邮件地址。我相信它可以用Javascript完成。因为javascript是客户端脚本。

Answer 1

我会告诉你使用jQuery： -

<script>

    $('#email_field_id').change(function(){

        $('#username_field_id').val($('#email_field_id').val())

    })
</script>

或者，如果您严格要使用Javascript，请使用getElementById方法，

您可以在脚本中添加jquery插件。从这里下载http://jquery.com/

下载后，在代码上方提供jquery.js文件的路径，如下所示：

<script language="javascript" src="/* give here path of jquery.js */"></script>  

Answer 2

首先为所有字段提供ID，并假设您已将id作为用户名和email_id用于用户名和电子邮件ID字段，然后使用以下代码

$('#email_id').blur(function(){
    $('#username').val($('#email_id').val());
});

确保您已在您的html文件中包含jquery ...