1

我正在尝试创建一个双重登录脚本,该脚本将用户从另一个单独的登录(双重)登录到两个单独的系统(表格 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);
});

这是一个说明非工作示例的小提琴:

http://jsfiddle.net/mckinselberg/BbKTG/

4

3 回答 3

5
$('#form_a             // supposed to be  $('#login_a
$('#form_b             // supposed to be  $('#login_b

检查你的身份证

<form id="login_a" 
<form id="login_b"

这是一个简单的解释。你选错了id's

检查小提琴

于 2013-05-18T01:32:05.823 回答
1

当您的 HTML 表单中使用的 ID分别为#form_a和时,您选择了和。小提琴:http: //jsfiddle.net/BbKTG/3/#form_b#login_a#login_b

于 2013-05-18T01:32:34.770 回答
1

您的 ID 不匹配...您login_a在 HTML 和form_ajQuery 中有

于 2013-05-18T01:34:00.383 回答