別の別個のログイン (デュアル) から 2 つの別個のシステム (フォーム a とフォーム b) にユーザーをログインさせるデュアル ログイン スクリプトを作成しようとしています。
<h2>Dual Login</h2>
<form id="dual">
username<br>
<input type="input" name="un" value="1234567"><br>
password<br><input type="password" name="password"><br>
<input type="submit" name="submit">
</form>
<h2>Login A</h2>
<form id="login_a" action="#" method="post">
username<br>
<input id="un_a" type="input" name="un_a" value="hi"><br>
password<br>
<input id="pw_a" type="password" name="pw_a"><br>
<input type="submit" name="submit">
</form>
<h2>Login B</h2>
<form id="login_b" method="post" action="#">
username 1<br>
<input id="un_b" type="text" name="un_b" value=""><br>
password<br>
<input id="pw_b" type="password" name="pw_b"><br>
<input type="submit">
</form>
jQuery は次のとおりです。
$('#dual :input[name="un"]').blur(function(){
un = $('#dual :input[name="un"]').val();
$('#un_a').val(un);
$('#un_b').val(un);
});
これは、実際の例を示すフィドルです。
http://jsfiddle.net/mckinselberg/bPapQ/
私の質問は次のとおりです。この方法で値を更新しようとすると、機能しないのはなぜですか。
$('#dual :input[name="un"]').blur(function(){
un = $('#dual :input[name="un"]').val();
$('#form_a :input[name="un_a"]').val(un);
$('#form_b :input[name="un_b"]').val(un);
});
これは、機能しない例を示すフィドルです。