爲什麼jQuery不更新輸入值$（「form：input [name =」some_input「]）。val（）;

Question

我試圖創建一個雙用戶登錄腳本，將用戶登錄到兩個單獨的系統形成&形式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/

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's

Check Fiddle

Answer 2

你被選擇#form_a和#form_b，當你的HTML表格上使用的ID分別爲#login_a和#login_b。小提琴：http://jsfiddle.net/BbKTG/3/

Answer 3

你的ID的不匹配......你在HTML login_a和form_a在jQuery的