フォームで入力した内容を別の項目へ同時にコピーする

harada 2,344views 更新:2014年7月1日

Javascript

<script type="text/javascript">
function incopy(frmObj){
    frmObj.elements["field_1"].value=frmObj.elements["signup_username"].value;
}
</script>

HTML

入力するフィールド
<input type="text" onMouseOut="incopy(this.form)" onMouseOver="incopy(this.form)" onkeydown="incopy(this.form)" onkeyup="incopy(this.form)" name="signup_username" id="signup_username" value="<?php bp_signup_username_value(); ?>"  class="w100" />
コピーされるフィールド
<input type="text" name="<?php bp_the_profile_field_input_name(); ?>" id="<?php bp_the_profile_field_input_name(); ?>" value="<?php bp_signup_username_value(); ?>"  class="w100" />

テキストボックスの入力文字をJavaScriptで別エリアに同時にコピー表示する方法

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません