Googleのサインオンのメールアドレスを非表示フィールド

Question

私はhttps://developers.google.com/identity/sign-in/web/sign-inを使用して、HTMLの非表示フォームフィールドにGoogleのユーザー名とGoogleのメールアドレスを取得しようとしていますが、問題があります。以下は私のコードです。私はJavaScriptを初めて使用しました。ご協力いただきありがとうございます！

<script src="https://apis.google.com/js/platform.js" async defer></script> 
<form action="/student/webdesign/2016/02_benrud/tinker/googleVerify/loginHandler.php" method="post" name="form1" id="form1"> 

    <p> 
    <input name="namelGoogle" type="hidden" id="nameGoogle" value=""> 
    <input name="mailGoogle" type="hidden" id="mailGoogle" value=""> 
    </p> 
    <p> 
    <input type="submit" name="submit" id="submit" value="Submit"> 
    </p> 
</form> 


<div class="g-signin2" data-onsuccess="onSignIn"></div> 

<script> 
function onSignIn(googleUser) { 
    var profile = googleUser.getBasicProfile(); 
    console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead. 
    console.log('Name: ' + profile.getName()); 
    console.log('Image URL: ' + profile.getImageUrl()); 
    console.log('Email: ' + profile.getEmail()); 
    document.getElementById("mailGoogle").value = profile.getName(); 
    document.getElementById("nameGoogle").value = profile.getEmail(); 
} 

</script> 

コンソールのスクリーンショット

私は電子メールの情報は "mailGoogle" という隠しフィールドに入力することにしたいです。

「nameGoogle」という名前の隠しフィールドに名前情報を取り込みたいとします。私は<script> </script>タグ（もしあれば）私はJavaScriptに非常に新しいです<input name="emailGoogle" type="hidden" id="mailGoogle" value="I want email from google here">タグ

に確認する必要がありますどのような変更

に確認する必要がありますどのような変更

1. 。ご協力いただきありがとうございます。

Answer 1

document.getElementById("mailGoogle").value = profile.getName(); 
document.getElementById("nameGoogle").value = profile.getEmail(); 

あなたの隠されたフィールドにはIDが一意になります。これは必要なものを提供するはずです。これを助けるため

$('#nameGoogle').val(profile.getName()); 
$('#mailGoogle').val(profile.getEmail());