jquery - 为什么 jQuery 不使用 $ ("form :input[name="some_input"]).val(); 更新输入值

Question

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

这是一个说明工作示例的 fiddle :

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);
});

这是一个说明非工作示例的 fiddle :

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

Answer 1

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

检查您的 ID

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

这是一个简单的解释。您选择了错误的id

<强> Check Fiddle